let lastScrollY = window.scrollY; const header = document.getElementById("site-header"); window.addEventListener("scroll", () => { const currentScrollY = window.scrollY; if (!header) return; if (currentScrollY > lastScrollY && currentScrollY > 100) { // Scroll hacia abajo header.classList.add("header-hidden"); } else { // Scroll hacia arriba header.classList.remove("header-hidden"); } lastScrollY = currentScrollY; }); /* Estilo base */ #site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transition: transform 0.3s ease; } /* Oculto al hacer scroll hacia abajo */ #site-header.header-hidden { transform: translateY(-100%); }