remove smooth scroll and allow gallery image to scroll self

gatsby-browser.tsx

@@ -22,10 +22,22 @@ export const shouldUpdateScroll = ({
   pathname,
 }) => {
   if (pathname.startsWith('/photogallery/') && pathname !== '/photogallery/' ) {
-    console.log('scroll to image')
-    requestAnimationFrame(() => {
-      window.scrollTo(0, 180);
-    })
+    // if (prevRouterProps?.location.pathname === '/photogallery/') {
+    //   console.log('scroll to image from gallery')
+    //   // setTimeout(() => {
+
+    //   //   window.scrollTo(0, 0);
+    //   // }, 100)
+    //   setTimeout(() => {
+    //     window.scrollTo(0, 180);
+    //   }, 10)
+    // } else {
+    //   console.log('scroll to image from elsewhere')
+    //   requestAnimationFrame(() => {
+    //     window.scrollTo(0, 180);
+    //   })
+    // }
+    console.log('gallery image, skipping')
     return false;
   }
   if (prevRouterProps?.location.pathname === pathname) {

src/components/GalleryImage/GalleryImage.js

@@ -63,6 +63,12 @@ const GalleryImage = ({ data, location: { state } }) => {
     setIsClient(true);
   }, []);
 
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      window.scrollTo(0, 180);
+    });
+  }, [image.base]);
+
   const nextIndex =
     sortedImageList && currentIndex < sortedImageList.length
       ? currentIndex + 1

src/pages/photogallery.tsx

@@ -94,7 +94,7 @@ const GalleryPage = ({
       }
       navigate(
         getGalleryPageUrl({ sortKey, keyword: filterKeyword, showDebug }, ""),
-        { replace: true, state: { suppressAutoscroll: true } }
+        // { replace: false }
       );
       window.removeEventListener("scroll", removeHash);
     },
@@ -126,7 +126,7 @@ const GalleryPage = ({
       });
       setTimeout(() => {
         window.addEventListener("scroll", removeHash);
-      }, 900)
+      }, 100)
     });
   }, [
     hash,

src/styles/global.css

@@ -10,7 +10,7 @@
   box-sizing: border-box;
 }
 :root {
-  scroll-behavior: smooth;
+  /* scroll-behavior: smooth; */
 }
 /* .hero * {
   transition: color .2s, background-color .2s;