Spanish (Español) translation by Carlos (you can also view the original English article)
La «navegación pegajosa» es una barra de navegación que parece adherirse a la parte superior de la página una vez que el usuario empieza a desplazarse. Es un enfoque de uso común en la actualidad, pues brinda a los usuarios un acceso constante a la navegación del sitio. Además, muestra la marca del sitio todo el tiempo.
En ocasiones, sin embargo, cuando una barra de navegación se vuelve pegajosa, no se tiene en cuenta el hecho de que se elimina del flujo del documento, lo que provoca un salto incómodo mientras el contenido de la página se mueve hacia arriba. Hoy vamos a utilizar jQuery para implementar nuestra propia navegación pegajosa, luego vamos a usar un enfoque alternativo con el plugin Waypoints.js para obtener el efecto fluido que buscamos.

Bibliotecas esenciales de JS para diseño web
Sígueme en mi nuevo curso en Tuts+ mientras explico detalladamente, 15 bibliotecas de JavaScript, incluyendo Waypoint.js, mostrando cada una con ejercicios y ejemplos claros.

A lo largo del curso instalaremos y mantendremos cada paquete con Bower, ayudándote a practicar el flujo de trabajo, ¡además de brindarte habilidades adicionales para el diseño web!
Recursos adicionales
-
Bibliotecas JS esenciales para diseño web en Tuts+
- 30 días para aprender jQuery en Tuts +
- Bower: un administrador de paquetes para la web
- Flujos de trabajo profesionales para front-end: Yeoman en Tuts+
- jQuery Waypoints
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post