Truc rapide Navigation difficile, sans le saut maladroit

«Navigation adhésive» décrit une barre de navigation qui semble coller au haut de la page une fois que l'utilisateur a commencé à faire défiler l'écran. C’est une approche couramment utilisée ces temps-ci, car elle donne aux utilisateurs un accès permanent à la navigation sur le site et corrige l’image de marque du site à tout moment..

Parfois, cependant, quand une barre de navigation devient collante, il n’est pas tenu compte du fait qu’elle est retirée du flux de documents, ce qui provoque un saut maladroit lorsque le contenu de la page est déplacé vers le haut. Aujourd'hui, nous allons utiliser jQuery pour mettre en œuvre notre propre navigation, puis nous allons utiliser une approche alternative avec le plugin Waypoints.js pour nous donner l'effet homogène que nous recherchons..

Bibliothèques JS essentielles pour la conception Web

Suivez-moi dans mon nouveau cours sur Tuts + et parcourez 15 bibliothèques JavaScript, y compris Waypoint.js, en présentant chacune d’elles avec des exemples et des exercices clairs.. 

Tout au long du cours, nous installerons et entretiendrons chaque paquet avec Bower, ce qui vous aidera à mettre en pratique le son du son et vous donnera des compétences supplémentaires pour votre ceinture d'outils de conception Web.!

Ressources supplémentaires

  • Bibliothèques JS essentielles pour la conception Web sur des Tuts+
  • 30 jours pour apprendre jQuery on Tuts+
  • Bower: un gestionnaire de paquets pour le web
  • Workflows Front-End Pro: Yeoman on Tuts+
  • jQuery Waypoints