6476f86a85
- Header click removes menu-open (stopPropagation on toggle button to preserve its toggle behavior) - cursor: pointer on site-header when menu is open Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
40 lines
968 B
JavaScript
40 lines
968 B
JavaScript
export function headerToggle() {
|
||
const header = document.getElementById("site-header");
|
||
const buttonToggle = document.querySelector("#menu-toggle");
|
||
const overlay = document.getElementById("menu-overlay");
|
||
|
||
if (!header || !buttonToggle) return;
|
||
|
||
buttonToggle.addEventListener("click", (e) => {
|
||
e.stopPropagation();
|
||
document.body.classList.toggle("menu-open");
|
||
});
|
||
|
||
header.addEventListener("click", () => {
|
||
document.body.classList.remove("menu-open");
|
||
});
|
||
|
||
overlay?.addEventListener("click", () => {
|
||
document.body.classList.remove("menu-open");
|
||
});
|
||
}
|
||
|
||
|
||
// DELETE ?
|
||
export function headerScrollVisibility() {
|
||
const header = document.getElementById("site-header");
|
||
|
||
if (!header) return;
|
||
|
||
function checkScroll() {
|
||
if (window.scrollY >= 300) {
|
||
header.classList.add("is-visible");
|
||
} else {
|
||
header.classList.remove("is-visible");
|
||
}
|
||
}
|
||
|
||
window.addEventListener("scroll", checkScroll);
|
||
checkScroll();
|
||
}
|
||
|