34 lines
986 B
JavaScript
34 lines
986 B
JavaScript
|
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
|
||
|
|
}
|
||
|
|
|