remove smooth scroll and allow gallery image to scroll self

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;