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.

Quick Tip: Implement a Sticky Navigation Using jQuery

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