   //     let currentScroll = window.pageYOffset || document.documentElement.scrollTop;
      //     const header = document.querySelector('.header');

      //     if (currentScroll > lastScrollTop) {
      //         header.classList.add('hidden');
      //     } else {
      //         header.classList.remove('hidden');
      //     }
      //     lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; // For Mobile or negative scrolling
      // }
      window.addEventListener("scroll", onScroll);
    <