Files
bedrock/web/app/themes/badegg/resources/js/sections/header.js
Steve Ross 76520e58d2 Add 'web/app/themes/badegg/' from commit '2b425fd2ea8083ef47852429a353e1afc4e93bf8'
git-subtree-dir: web/app/themes/badegg
git-subtree-mainline: 272b0f6525
git-subtree-split: 2b425fd2ea
2025-11-22 17:26:50 +00:00

34 lines
996 B
JavaScript

export default function Header() {
const body = document.querySelector("body");
// const menuToggle = document.querySelector(".js-menu-toggle");
// const menuClose = document.querySelector(".js-menu-close");
// menuToggle.addEventListener("click", (e) => {
// e.preventDefault();
// body.classList.toggle("menu-open");
// });
// menuClose.addEventListener("click", (e) => {
// e.preventDefault();
// body.classList.remove("menu-open");
// });
// document.addEventListener("keyup", function (event) {
// if (event.key === "Escape") {
// body.classList.remove("menu-open");
// }
// });
document.addEventListener("scroll", () => {
const scrolled = document.scrollingElement.scrollTop;
const position = body.offsetTop;
const header = document.querySelector(".site-header");
if (scrolled > position + header.offsetHeight) {
body.classList.add("scrolled");
} else {
body.classList.remove("scrolled");
}
});
}