Advertisement
  1. Web Design
  2. jQuery

Consejo rápido: navegación pegajosa, sin el incómodo salto

by
Read Time:1 minLanguages:

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.

Essential JS Libraries for Web DesignEssential JS Libraries for Web DesignEssential JS Libraries for Web Design

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.