JQuery Waypoints Plugin

Comment allez-vous? J'utilise le plugin waypoints pour les éléments collants alors que je me déplace vers le bas de la page.

Cependant, j'aimerais avoir le retrait collant à une certaine position de la page, disons 30px à partir de son point de défilement de départ, puis, lorsque l'utilisateur fait défiler la page, les éléments collants le ramènent à leur point de départ original :

JavaScript:

$(function() { // Do our DOM lookups beforehand var nav_container = $(".nav-container"); var nav = $("nav"); nav_container.waypoint({ handler: function(event, direction) { nav.toggleClass('sticky', direction=='down'); if (direction == 'down') nav_container.css({ 'height':nav.outerHeight() }); else nav_container.css({ 'height':'auto' }); }, offset: 15 }); }); 

Un autre exemple que vous pouvez voir que j'ai trouvé en ligne est ici http://webdesigntutsplus.s3.amazonaws.com/tuts/313_waypoints/demo/index.html

• Déclencheur cliquez sur l'élément inférieur (index z)
• Redimensionner les images à l'aide de requêtes multimédias
• Comment faire de cette barre de navigation flottant en haut en faisant défiler?
• Comment supprimer l'espacement des lignes entre la ligne dans Textarea?
• Fixer l'en-tête de la table au sommet de la division défilable

Permettez-moi de dire que je veux que le navire collant soit déposé au CHAPITRE UN, car je me déplace vers le bas puis, lorsque je me déplace en arrière, il est récupéré et le porte au point de départ.

Aussi: http://imakewebthings.com/jquery-waypoints/#doc-disable J'essayais d'utiliser cela mais pas de succès. Merci

Toute direction de Fiddle aidera!

• En utilisant Javascript ou HTML, comment obtenir la hauteur et la largeur d'un div ou d'un autre élément?
• Cliquez sur l'événement ne fonctionnant pas pour l'ajout dynamique Li-> span-> id
• Menu réactif: le sous-menu survoler montre l'erreur
• Comment accéder à un iframe et l'affecter avec jQuery
• Le code jquery fonctionne sur codepen / jsfiddle mais pas sur la page html