Uno de los efectos más utilizados en el diseño web es el llamados menú pegajoso (sticky menu). Gracias a esta técnica podremos dejar "pegado" nuestro menú al hacer scroll, de forma que éste no desaparece, y el resto de la información pasa por detrás.
Para conseguir este efecto vamos a trabajar únicamente con Html5 y Scss.
Prescindimos del uso de JavaScript con la ventaja que ello conlleva. Ahorro de código y velocidad en nuestra web.
Para comenzar creamos un lista con los elementos del menú pegajoso, donde incluiremos un logotipo.
Ménu de Navegación Responsive con Rotación
Aquí como siempre damos estilo a nuestro menú y crearemos el efecto, de tal manera que al hacer scroll, éste se quede fijo en la parte superior y el resto de información pase por detrás.
Como de costumbre siempre os recomiendo que escribáis el código, de esta forma aprendéis el código, para luego mejorarlo.
Todos hemos estado allí: tienes 20 pestañas abiertas, cinco PDFs y tres hojas de cálculo,…
Si ya estás usando Google Nano Banana, sabes que es la herramienta que está redefiniendo…
¿Te ha pasado? Estás en plena conversación con Gemini, fluyendo con ideas, y de repente……
¿Alguna vez soñaste con ser una de esas figuras coleccionables que tanto te fascinaban de…
Imagina caminar por las calles iluminadas de París al atardecer, con la Torre Eiffel brillando…
¿Imaginas crear aplicaciones inteligentes que resuelvan tus problemas cotidianos sin escribir una sola línea de…
Esta página utiliza cookies para mejorar su rendimiento
Ver comentarios
Interesante Css y html para crear animacion en menu y sin javascript para que sea mas rapido! muchas gracias
De nada amigo. Un saludo!