B
blankito1998
Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Es posible minarcon una pc?Claro, usaré JavaScript simple para el ejemplo. Primero, tendrás que adicionar una clase en CSS para el encogimiento del menú y luego, con JavaScript, aplicar esa clase cuando el usuario haga scroll. Asegúrate de enlazar tu documento JavaScript al HTML y de colocar tu script antes del cierre del tag </body> o usar una función DOMContentLoaded o jQuery ready para asegurarte de que el DOM esté completamente cargado antes de ejecutar el script.
Aquí un ejemplo basado en lo que mencionaste:
CSS:#headerx.shrink { height: 50px; } #menux.shrink img { height: 40px; }
JavaScript:window.onscroll = function() {scrollFunction()}; function scrollFunction() { var header = document.getElementById("headerx"); var menu = document.getElementById("menux"); if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { header.classList.add("shrink"); menu.classList.add("shrink"); } else { header.classList.remove("shrink"); menu.classList.remove("shrink"); } }
Este código reduce el tamaño del header y del menú cuando bajas más de 50px. Recuerda que este es un ejemplo y probablemente deberás ajustarlo a tus necesidades específicas.
Mi pc es una i7 de 2da generación con 4gb de RAM