document.addEventListener("DOMContentLoaded", function() { var menu = document.getElementById("Menu-Desktop"); var lastScrollTop = 0; var delta = 5; // Ajusta este valor según la sensibilidad de tu scroll var menuHeight = menu.offsetHeight; // Altura del menú, ajusta según tu diseño window.addEventListener("scroll", function() { var st = window.pageYOffset || document.documentElement.scrollTop; // Si estás en la parte superior de la página, muestra el menú con fondo transparente if (st <= menuHeight) { menu.style.top = "0"; menu.style.backgroundColor = "transparent"; // Fondo transparente } else { // Scroll hacia abajo if (st > lastScrollTop && st > menuHeight) { menu.style.top = "-" + menuHeight + "px"; // Oculta el menú menu.style.backgroundColor = "transparent"; // Mantén fondo transparente } else { // Scroll hacia arriba menu.style.top = "0"; menu.style.backgroundColor = "#fff"; // Cambia a fondo blanco } } lastScrollTop = st <= 0 ? 0 : st; // Para Mobile o Chrome }); });
Scroll al inicio