script header visible

assets/js/header.js

@@ -0,0 +1,36 @@
+// ===============================
+// HEADER
+// ===============================
+export function headerToggle() {
+  const header = document.getElementById("site-header");
+  const buttonToggle = document.querySelector("#menu-toggle");
+  console.log(header);
+  console.log(buttonToggle);
+
+  if (!header || !buttonToggle) return;
+  buttonToggle.addEventListener("click", () => {
+    document.body.classList.toggle("menu-open");
+  });
+}
+
+export function headerScrollVisibility() {
+  const header = document.getElementById("site-header");
+  const hero = document.getElementById("hero");
+
+  if (!header || !hero) return;
+
+  function checkScroll() {
+    const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) || 0;
+    const heroBottom = hero.getBoundingClientRect().bottom;
+
+    if (heroBottom <= headerHeight) {
+      header.classList.add("is-visible");
+    } else {
+      header.classList.remove("is-visible");
+    }
+  }
+
+  window.addEventListener("scroll", checkScroll);
+  checkScroll(); // Vérifier au chargement
+}
+