const header = document.querySelector(“header”); const headerMenu = document.querySelector(“.header-menu-lg-stretch”); const headerMenuBtn = document.querySelector(“.header-menu-btn”);

headerMenuBtn.addEventListener(“click”, () => {

headerMenu.classList.toggle("reveal");

});

let lastScroll = 0;

window.addEventListener(“scroll”, () => {

const currentScroll = window.pageYOffset;
if (currentScroll == 0) {
  header.classList.remove("reveal");
  return;
}
if (currentScroll > lastScroll && !header.classList.contains("hide")) {
  headerMenu.classList.remove("reveal");
  header.classList.remove("reveal");
  header.classList.add("hide");
} else if (currentScroll < lastScroll && header.classList.contains("hide")) {
  header.classList.remove("hide");
  header.classList.add("reveal");
}
lastScroll = currentScroll;

});