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.
¿Quieres poner texto detrás de un video? Aprende cómo con CapCut en este sencillo tutorial…
Aprende a crear voces con IA sorprendentemente reales para vídeos, podcasts y más. Lee nuestro…
TikTok se reinventa con TikTok Notes: una app de fotos y estilo de vida. Conoce…
¡Descubre Haiper! La alternativa gratuita a Sora de OpenAI para crear vídeos increíbles. Fácil de…
¿Buscas una alternativa a ChatGPT? Mistral AI y su chatbot Le Chat ofrecen una experiencia…
Más que un resumen: Adobe AI Assistant te ayuda a navegar y comprender PDFs con…
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!