Make sure page nav shows when scrolling past bottom of page

mattsherman · Dec 5, 2024 · 6110274 · 6110274
1 parent 31faf9b
commit 6110274
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/script.ts b/src/script.ts
@@ -5,9 +5,12 @@ function hookupPageNavAutoHide() {
   let lastScrollY = globalThis.scrollY;
 
   globalThis.addEventListener('scroll', () => {
-    const currentScrollY = globalThis.scrollY;
+    const maxScrollY =
+      document.documentElement.scrollHeight - globalThis.innerHeight;
+    const currentScrollY = Math.min(globalThis.scrollY, maxScrollY);
+
     const isScrollingDown =
-      currentScrollY > scrollThreshold && currentScrollY > lastScrollY;
+      currentScrollY > scrollThreshold && currentScrollY >= lastScrollY;
 
     if (isScrollingDown) {
       header?.classList.add('hidden');