let lastScrollTop = 0; const header = document.querySelector('.scroll-hide-header'); window.addEventListener('scroll', function () { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop) { // Scrolling down header.classList.add('hide-header'); } else { // Scrolling up header.classList.remove('hide-header'); } lastScrollTop = scrollTop