fix: header

raexera · Sep 26, 2024 · ff74bb5 · ff74bb5
1 parent 7384436
commit ff74bb5
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -60,19 +60,24 @@ const subpath = pathname.match(/[^/]+/g);
   </Container>
 </header>
 
-<script is:inline>
-  const header = document.getElementById("header");
-
+<script>
   function handleScroll() {
-    window.addEventListener("scroll", () => {
+    const header = document.getElementById("header");
+    if (header) {
       if (window.scrollY > 0) {
         header.classList.add("scrolled");
       } else {
         header.classList.remove("scrolled");
       }
-    });
+    }
+  }
+
+  function setupScrollHandler() {
+    window.removeEventListener("scroll", handleScroll);
+    window.addEventListener("scroll", handleScroll);
+    handleScroll();
   }
+  setupScrollHandler();
 
-  handleScroll();
-  document.addEventListener("astro:after-swap", handleScroll);
+  document.addEventListener("astro:after-swap", setupScrollHandler);
 </script>