B
blankito1998
Beta
Usuário com poucas negociações! Use sempre o saldo do 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