You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
838 B
JavaScript
1 line
838 B
JavaScript
const burger=document.getElementById("burger");const body=document.body;let mobileNav=document.getElementById("mobile-nav");mobileNav.classList.add("mobile-nav--hidden");burger.addEventListener("click",burgerToggle);function burgerToggle(){mobileNav.classList.toggle("mobile-nav--hidden");body.classList.toggle("burger-open")}const headerHeight=header.offsetHeight;const headerContainer=document.getElementById("header-container");const threshold=header.getBoundingClientRect();const handleScroll=()=>{if(window.scrollY>=headerHeight/2||window.pageYOffset>=headerHeight/2){header.classList.add("header--scroll");headerContainer.classList.add("header-container--scroll")}else{header.classList.remove("header--scroll");headerContainer.classList.remove("header-container--scroll")}};window.onscroll=()=>{requestAnimationFrame(handleScroll)}; |