From e616ea1b8b43ed9849487bd4df5cc3cec4883ce9 Mon Sep 17 00:00:00 2001
From: Niko <nikoshell20@gmail.com>
Date: Wed, 11 Jun 2025 18:27:20 +0200
Subject: [PATCH 1/9] Update navbar

---
 src/components/Header.astro | 52 +++++++++++++++++++++++--------------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 003cfe4b2..42d0c1436 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -48,28 +48,40 @@ import links from "@data/links.json";
 <Search />
 
 <script>
-document.addEventListener("DOMContentLoaded", () => {
-  let prevScrollPos = window.pageYOffset;
-  const navbar = document.getElementById("navbar") as HTMLElement;
-
-  window.addEventListener("scroll", () => {
-    let currentScrollPos = window.pageYOffset;
-    if (prevScrollPos > currentScrollPos) {
-      navbar.style.transform = "translateY(0)";
-    } else {
-      navbar.style.transform = "translateY(-100%)";
+document.addEventListener("DOMContentLoaded", function() {
+  var navbar = document.getElementById("navbar") as HTMLElement;
+  if (!navbar) return;
+  
+  var prevScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+  var isFocused = false;
+  
+  window.addEventListener("scroll", function() {
+    var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+    
+    if (!isFocused) {
+      if (prevScrollPos > currentScrollPos) {
+        navbar.style.transform = "translateY(0)";
+      } else {
+        navbar.style.transform = "translateY(-100%)";
+      }
     }
+    
     prevScrollPos = currentScrollPos;
   });
-
-  navbar.addEventListener("focusin", () => {
-    navbar.style.transform = "translateY(0)";
-  });
-
-  navbar.addEventListener("focusout", () => {
-    if (window.pageYOffset > 100) {
-      navbar.style.transform = "translateY(-100%)";
-    }
-  });
+  
+  if ('onfocusin' in navbar) {
+    navbar.addEventListener("focusin", function() {
+      isFocused = true;
+      navbar.style.transform = "translateY(0)";
+    });
+    
+    navbar.addEventListener("focusout", function() {
+      isFocused = false;
+      var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+      if (currentScrollPos > prevScrollPos) {
+        navbar.style.transform = "translateY(-100%)";
+      }
+    });
+  }
 });
 </script>

From 511129fa7003c40eaade4e9a913695dbc4aac99d Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Wed, 11 Jun 2025 16:28:12 +0000
Subject: [PATCH 2/9] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/components/Header.astro | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 42d0c1436..163276ca4 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -51,13 +51,13 @@ import links from "@data/links.json";
 document.addEventListener("DOMContentLoaded", function() {
   var navbar = document.getElementById("navbar") as HTMLElement;
   if (!navbar) return;
-  
+
   var prevScrollPos = window.pageYOffset || document.documentElement.scrollTop;
   var isFocused = false;
-  
+
   window.addEventListener("scroll", function() {
     var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
-    
+
     if (!isFocused) {
       if (prevScrollPos > currentScrollPos) {
         navbar.style.transform = "translateY(0)";
@@ -65,16 +65,16 @@ document.addEventListener("DOMContentLoaded", function() {
         navbar.style.transform = "translateY(-100%)";
       }
     }
-    
+
     prevScrollPos = currentScrollPos;
   });
-  
+
   if ('onfocusin' in navbar) {
     navbar.addEventListener("focusin", function() {
       isFocused = true;
       navbar.style.transform = "translateY(0)";
     });
-    
+
     navbar.addEventListener("focusout", function() {
       isFocused = false;
       var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;

From 85ba03b39d2fafb6b526ba33c9d14bf17684ca9c Mon Sep 17 00:00:00 2001
From: Niko <nikoshell20@gmail.com>
Date: Fri, 13 Jun 2025 20:35:52 +0200
Subject: [PATCH 3/9] Remove focus from navbar

---
 src/components/Header.astro | 34 ++++++++--------------------------
 1 file changed, 8 insertions(+), 26 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 163276ca4..e5fdc86ec 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -51,37 +51,19 @@ import links from "@data/links.json";
 document.addEventListener("DOMContentLoaded", function() {
   var navbar = document.getElementById("navbar") as HTMLElement;
   if (!navbar) return;
-
+  
   var prevScrollPos = window.pageYOffset || document.documentElement.scrollTop;
-  var isFocused = false;
-
+  
   window.addEventListener("scroll", function() {
     var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
-
-    if (!isFocused) {
-      if (prevScrollPos > currentScrollPos) {
-        navbar.style.transform = "translateY(0)";
-      } else {
-        navbar.style.transform = "translateY(-100%)";
-      }
+  
+    if (prevScrollPos > currentScrollPos) {
+      navbar.style.transform = "translateY(0)";
+    } else {
+      navbar.style.transform = "translateY(-100%)";
     }
-
+  
     prevScrollPos = currentScrollPos;
   });
-
-  if ('onfocusin' in navbar) {
-    navbar.addEventListener("focusin", function() {
-      isFocused = true;
-      navbar.style.transform = "translateY(0)";
-    });
-
-    navbar.addEventListener("focusout", function() {
-      isFocused = false;
-      var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
-      if (currentScrollPos > prevScrollPos) {
-        navbar.style.transform = "translateY(-100%)";
-      }
-    });
-  }
 });
 </script>

From f93796658f55c62a45f6fe8fcde85c982bd2fdb4 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Fri, 13 Jun 2025 18:38:21 +0000
Subject: [PATCH 4/9] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/components/Header.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index e5fdc86ec..b4b623777 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -51,18 +51,18 @@ import links from "@data/links.json";
 document.addEventListener("DOMContentLoaded", function() {
   var navbar = document.getElementById("navbar") as HTMLElement;
   if (!navbar) return;
-  
+
   var prevScrollPos = window.pageYOffset || document.documentElement.scrollTop;
-  
+
   window.addEventListener("scroll", function() {
     var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
-  
+
     if (prevScrollPos > currentScrollPos) {
       navbar.style.transform = "translateY(0)";
     } else {
       navbar.style.transform = "translateY(-100%)";
     }
-  
+
     prevScrollPos = currentScrollPos;
   });
 });

From 04b094d0bddededd1a9a8cbcc3d3153a50ba6e15 Mon Sep 17 00:00:00 2001
From: Niko <nikoshell20@gmail.com>
Date: Tue, 17 Jun 2025 16:46:47 +0200
Subject: [PATCH 5/9] Update navbar script

Debouncing with requestAnimationFrame
Minimum scroll threshold
Top/bottom boundary handling
State tracking
Passive scroll listeners
Orientation change handling
Visibility API handling
Smooth transitions
---
 src/components/Header.astro | 85 ++++++++++++++++++++++++++++++++++---
 1 file changed, 79 insertions(+), 6 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index b4b623777..7d40b184e 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -49,21 +49,94 @@ import links from "@data/links.json";
 
 <script>
 document.addEventListener("DOMContentLoaded", function() {
-  var navbar = document.getElementById("navbar") as HTMLElement;
+  const navbar = document.getElementById("navbar") as HTMLElement;
   if (!navbar) return;
 
-  var prevScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+  let prevScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+  let ticking = false;
+  let isVisible = true;
 
-  window.addEventListener("scroll", function() {
-    var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+  // Ensure navbar is visible initially
+  navbar.style.transform = "translateY(0)";
+  navbar.style.transition = "transform 0.3s ease-in-out";
 
-    if (prevScrollPos > currentScrollPos) {
+  function updateNavbar() {
+    const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+    const documentHeight = document.documentElement.scrollHeight;
+    const windowHeight = window.innerHeight;
+
+    // Don't hide navbar when at the very top
+    if (currentScrollPos <= 10) {
+      if (!isVisible) {
+        navbar.style.transform = "translateY(0)";
+        isVisible = true;
+      }
+      prevScrollPos = currentScrollPos;
+      ticking = false;
+      return;
+    }
+
+    // Don't hide navbar when at the very bottom
+    if (currentScrollPos + windowHeight >= documentHeight - 10) {
+      if (!isVisible) {
+        navbar.style.transform = "translateY(0)";
+        isVisible = true;
+      }
+      prevScrollPos = currentScrollPos;
+      ticking = false;
+      return;
+    }
+
+    // Only update if scroll difference is significant (helps with iOS bounce)
+    const scrollDiff = Math.abs(currentScrollPos - prevScrollPos);
+    if (scrollDiff < 5) {
+      ticking = false;
+      return;
+    }
+
+    // Show navbar when scrolling up, hide when scrolling down
+    if (prevScrollPos > currentScrollPos && !isVisible) {
       navbar.style.transform = "translateY(0)";
-    } else {
+      isVisible = true;
+    } else if (prevScrollPos < currentScrollPos && isVisible) {
       navbar.style.transform = "translateY(-100%)";
+      isVisible = false;
     }
 
     prevScrollPos = currentScrollPos;
+    ticking = false;
+  }
+
+  function requestTick() {
+    if (!ticking) {
+      requestAnimationFrame(updateNavbar);
+      ticking = true;
+    }
+  }
+
+  // Use passive listener for better performance on mobile
+  window.addEventListener("scroll", requestTick, { passive: true });
+
+  // Handle orientation change on mobile devices
+  window.addEventListener("orientationchange", function() {
+    setTimeout(() => {
+      prevScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+      if (prevScrollPos <= 10) {
+        navbar.style.transform = "translateY(0)";
+        isVisible = true;
+      }
+    }, 100);
+  });
+
+  // Handle page visibility changes (when switching tabs/apps)
+  document.addEventListener("visibilitychange", function() {
+    if (!document.hidden) {
+      prevScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+      if (prevScrollPos <= 10) {
+        navbar.style.transform = "translateY(0)";
+        isVisible = true;
+      }
+    }
   });
 });
 </script>

From 0a5c624056aa9f40e3ec5f44029e002e91ec6e90 Mon Sep 17 00:00:00 2001
From: Niko <nikoshell20@gmail.com>
Date: Tue, 17 Jun 2025 17:18:50 +0200
Subject: [PATCH 6/9] Fix key press

---
 src/components/Header.astro | 72 ++++++++++++++++++++++++++++++++++---
 1 file changed, 68 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 7d40b184e..940249479 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -10,7 +10,6 @@ import links from "@data/links.json";
 
 <section
   id="navbar"
-  class="fixed top-0 z-50 transition-transform duration-300 transform-gpu w-full"
 >
   <div
     class="container max-w-[1150px] mx-auto px-6 py-2 mt-1 lg:p-2 lg:mt-6 flex items-center justify-between relative z-40 bg-white/80 rounded-full backdrop-blur-md shadow-lg"
@@ -47,6 +46,16 @@ import links from "@data/links.json";
 </section>
 <Search />
 
+<style>
+#navbar {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1000;
+  transition: transform 0.3s ease-in-out;
+  transform: translateY(0);
+}
+</style>
 <script>
 document.addEventListener("DOMContentLoaded", function() {
   const navbar = document.getElementById("navbar") as HTMLElement;
@@ -64,9 +73,9 @@ document.addEventListener("DOMContentLoaded", function() {
     const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
     const documentHeight = document.documentElement.scrollHeight;
     const windowHeight = window.innerHeight;
-
-    // Don't hide navbar when at the very top
-    if (currentScrollPos <= 10) {
+    
+    // Don't hide navbar when at the very top - increased threshold for reliability
+    if (currentScrollPos <= 20) {
       if (!isVisible) {
         navbar.style.transform = "translateY(0)";
         isVisible = true;
@@ -107,16 +116,71 @@ document.addEventListener("DOMContentLoaded", function() {
     ticking = false;
   }
 
+  // Additional polling check when near the top (for edge cases)
+  let topCheckInterval: any = null;
+  
+  function startTopCheck() {
+    if (topCheckInterval) return;
+    topCheckInterval = setInterval(() => {
+      const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+      if (currentScrollPos <= 20 && !isVisible) {
+        navbar.style.transform = "translateY(0)";
+        isVisible = true;
+        prevScrollPos = currentScrollPos;
+      }
+      if (currentScrollPos > 100 && topCheckInterval) {
+        clearInterval(topCheckInterval);
+        topCheckInterval = null;
+      }
+    }, 50);
+  }
+
   function requestTick() {
     if (!ticking) {
       requestAnimationFrame(updateNavbar);
       ticking = true;
     }
+    
+    // Start polling when we're in the danger zone
+    const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+    if (currentScrollPos <= 100) {
+      startTopCheck();
+    }
   }
 
   // Use passive listener for better performance on mobile
   window.addEventListener("scroll", requestTick, { passive: true });
 
+  // Handle keyboard navigation (arrow keys, page up/down, home/end)
+  document.addEventListener("keydown", function(e) {
+    const keysToWatch = ['PageUp', 'PageDown', 'End', 'Home', 'ArrowUp', 'ArrowDown'];
+    if (keysToWatch.includes(e.key)) {
+      setTimeout(() => {
+        const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+        if (currentScrollPos <= 10) {
+          navbar.style.transform = "translateY(0)";
+          isVisible = true;
+          prevScrollPos = currentScrollPos;
+        }
+      }, 100);
+    }
+  });
+
+  // Additional check with a longer delay for keyboard scrolling
+  document.addEventListener("keyup", function(e) {
+    const keysToWatch = ['PageUp', 'PageDown', 'End', 'Home', 'ArrowUp', 'ArrowDown'];
+    if (keysToWatch.includes(e.key)) {
+      setTimeout(() => {
+        const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+        if (currentScrollPos <= 10) {
+          navbar.style.transform = "translateY(0)";
+          isVisible = true;
+          prevScrollPos = currentScrollPos;
+        }
+      }, 200);
+    }
+  });
+
   // Handle orientation change on mobile devices
   window.addEventListener("orientationchange", function() {
     setTimeout(() => {

From 7d6083d73761b1d41f4b28127fa73af2b7228f7d Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Tue, 17 Jun 2025 15:19:20 +0000
Subject: [PATCH 7/9] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/components/Header.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 940249479..79feb8f4d 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -73,7 +73,7 @@ document.addEventListener("DOMContentLoaded", function() {
     const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
     const documentHeight = document.documentElement.scrollHeight;
     const windowHeight = window.innerHeight;
-    
+
     // Don't hide navbar when at the very top - increased threshold for reliability
     if (currentScrollPos <= 20) {
       if (!isVisible) {
@@ -118,7 +118,7 @@ document.addEventListener("DOMContentLoaded", function() {
 
   // Additional polling check when near the top (for edge cases)
   let topCheckInterval: any = null;
-  
+
   function startTopCheck() {
     if (topCheckInterval) return;
     topCheckInterval = setInterval(() => {
@@ -140,7 +140,7 @@ document.addEventListener("DOMContentLoaded", function() {
       requestAnimationFrame(updateNavbar);
       ticking = true;
     }
-    
+
     // Start polling when we're in the danger zone
     const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
     if (currentScrollPos <= 100) {

From 721201b610fa4b8cea147f01ad4e9af75f752b1d Mon Sep 17 00:00:00 2001
From: Niko <nikoshell20@gmail.com>
Date: Tue, 17 Jun 2025 17:39:01 +0200
Subject: [PATCH 8/9] Fix bounce

---
 src/components/Header.astro | 105 +++++++++++-------------------------
 1 file changed, 32 insertions(+), 73 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 79feb8f4d..e6732182e 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -70,12 +70,13 @@ document.addEventListener("DOMContentLoaded", function() {
   navbar.style.transition = "transform 0.3s ease-in-out";
 
   function updateNavbar() {
-    const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-    const documentHeight = document.documentElement.scrollHeight;
-    const windowHeight = window.innerHeight;
-
-    // Don't hide navbar when at the very top - increased threshold for reliability
-    if (currentScrollPos <= 20) {
+    // Handle iOS bounce - scroll position can be negative during bounce
+    const rawScrollPos = window.pageYOffset || document.documentElement.scrollTop;
+    const currentScrollPos = Math.max(0, rawScrollPos);
+    
+    // Show navbar immediately if we're bouncing above the page (negative scroll)
+    // or if we're very close to the top
+    if (rawScrollPos <= 0 || currentScrollPos <= 50) {
       if (!isVisible) {
         navbar.style.transform = "translateY(0)";
         isVisible = true;
@@ -85,8 +86,11 @@ document.addEventListener("DOMContentLoaded", function() {
       return;
     }
 
+    const documentHeight = document.documentElement.scrollHeight;
+    const windowHeight = window.innerHeight;
+
     // Don't hide navbar when at the very bottom
-    if (currentScrollPos + windowHeight >= documentHeight - 10) {
+    if (currentScrollPos + windowHeight >= documentHeight - 50) {
       if (!isVisible) {
         navbar.style.transform = "translateY(0)";
         isVisible = true;
@@ -96,9 +100,9 @@ document.addEventListener("DOMContentLoaded", function() {
       return;
     }
 
-    // Only update if scroll difference is significant (helps with iOS bounce)
+    // Only update if scroll difference is significant
     const scrollDiff = Math.abs(currentScrollPos - prevScrollPos);
-    if (scrollDiff < 5) {
+    if (scrollDiff < 3) {
       ticking = false;
       return;
     }
@@ -107,7 +111,7 @@ document.addEventListener("DOMContentLoaded", function() {
     if (prevScrollPos > currentScrollPos && !isVisible) {
       navbar.style.transform = "translateY(0)";
       isVisible = true;
-    } else if (prevScrollPos < currentScrollPos && isVisible) {
+    } else if (prevScrollPos < currentScrollPos && isVisible && currentScrollPos > 100) {
       navbar.style.transform = "translateY(-100%)";
       isVisible = false;
     }
@@ -116,89 +120,44 @@ document.addEventListener("DOMContentLoaded", function() {
     ticking = false;
   }
 
-  // Additional polling check when near the top (for edge cases)
-  let topCheckInterval: any = null;
-
-  function startTopCheck() {
-    if (topCheckInterval) return;
-    topCheckInterval = setInterval(() => {
-      const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-      if (currentScrollPos <= 20 && !isVisible) {
-        navbar.style.transform = "translateY(0)";
-        isVisible = true;
-        prevScrollPos = currentScrollPos;
-      }
-      if (currentScrollPos > 100 && topCheckInterval) {
-        clearInterval(topCheckInterval);
-        topCheckInterval = null;
-      }
-    }, 50);
-  }
-
   function requestTick() {
     if (!ticking) {
       requestAnimationFrame(updateNavbar);
       ticking = true;
     }
-
-    // Start polling when we're in the danger zone
-    const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-    if (currentScrollPos <= 100) {
-      startTopCheck();
-    }
   }
 
   // Use passive listener for better performance on mobile
   window.addEventListener("scroll", requestTick, { passive: true });
 
-  // Handle keyboard navigation (arrow keys, page up/down, home/end)
-  document.addEventListener("keydown", function(e) {
-    const keysToWatch = ['PageUp', 'PageDown', 'End', 'Home', 'ArrowUp', 'ArrowDown'];
-    if (keysToWatch.includes(e.key)) {
-      setTimeout(() => {
-        const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-        if (currentScrollPos <= 10) {
-          navbar.style.transform = "translateY(0)";
-          isVisible = true;
-          prevScrollPos = currentScrollPos;
-        }
-      }, 100);
-    }
-  });
-
-  // Additional check with a longer delay for keyboard scrolling
-  document.addEventListener("keyup", function(e) {
-    const keysToWatch = ['PageUp', 'PageDown', 'End', 'Home', 'ArrowUp', 'ArrowDown'];
-    if (keysToWatch.includes(e.key)) {
-      setTimeout(() => {
-        const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-        if (currentScrollPos <= 10) {
-          navbar.style.transform = "translateY(0)";
-          isVisible = true;
-          prevScrollPos = currentScrollPos;
-        }
-      }, 200);
+  // Additional safety check specifically for iOS bounce recovery
+  let bounceCheckTimeout: any = null;
+  
+  window.addEventListener("scroll", function() {
+    // Clear any existing timeout
+    if (bounceCheckTimeout) {
+      clearTimeout(bounceCheckTimeout);
     }
-  });
-
-  // Handle orientation change on mobile devices
-  window.addEventListener("orientationchange", function() {
-    setTimeout(() => {
-      prevScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-      if (prevScrollPos <= 10) {
+    
+    // Set a timeout to check position after scroll momentum stops
+    bounceCheckTimeout = setTimeout(() => {
+      const finalScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+      if (finalScrollPos <= 50 && !isVisible) {
         navbar.style.transform = "translateY(0)";
         isVisible = true;
+        prevScrollPos = finalScrollPos;
       }
-    }, 100);
-  });
+    }, 150);
+  }, { passive: true });
 
   // Handle page visibility changes (when switching tabs/apps)
   document.addEventListener("visibilitychange", function() {
     if (!document.hidden) {
-      prevScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
-      if (prevScrollPos <= 10) {
+      const currentScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
+      if (currentScrollPos <= 50) {
         navbar.style.transform = "translateY(0)";
         isVisible = true;
+        prevScrollPos = currentScrollPos;
       }
     }
   });

From 1028b7a7fdab955eaa3dad52c7efd54c4af03eef Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Tue, 17 Jun 2025 15:39:55 +0000
Subject: [PATCH 9/9] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/components/Header.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index e6732182e..96dd6ea7c 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -73,7 +73,7 @@ document.addEventListener("DOMContentLoaded", function() {
     // Handle iOS bounce - scroll position can be negative during bounce
     const rawScrollPos = window.pageYOffset || document.documentElement.scrollTop;
     const currentScrollPos = Math.max(0, rawScrollPos);
-    
+
     // Show navbar immediately if we're bouncing above the page (negative scroll)
     // or if we're very close to the top
     if (rawScrollPos <= 0 || currentScrollPos <= 50) {
@@ -132,13 +132,13 @@ document.addEventListener("DOMContentLoaded", function() {
 
   // Additional safety check specifically for iOS bounce recovery
   let bounceCheckTimeout: any = null;
-  
+
   window.addEventListener("scroll", function() {
     // Clear any existing timeout
     if (bounceCheckTimeout) {
       clearTimeout(bounceCheckTimeout);
     }
-    
+
     // Set a timeout to check position after scroll momentum stops
     bounceCheckTimeout = setTimeout(() => {
       const finalScrollPos = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);