Javascript Girl
  1. Javascript Girl
  3. Bootstrap scrollspy ne reçoit que le décalage de hauteur en deuxième clic
Intereting Posts
Quelle est une bonne alternative à la réécriture HTML? Comment recevoir les données d'image php par javascript copy-n-paste avec XMLHttpRequest Compression de hiérarchies d'objets en JavaScript Ember js get meta informations de json Demander plusieurs données de fanpage de Facebook en un seul appel Up () et down () par rapport à Ext.getCmp () Comment insérer une image en position de curseur en continu IOS 6 safari, setInterval n'est pas déclenché Puis-je fausser un événement de stockage dans mes tests de jasmin? JQuery DatePicker couleur d'arrière-plan Existe-t-il un moyen de faire en sorte que le curseur jQuery UI commence par 0 en haut plutôt que sur le bas? Convertir la position absolue en relative Google Charts ne fonctionne pas avec Wkhtmltopdf JQuery Validez les champs individuels Comment déterminer si un événement de redimensionnement a été déclenché par un clavier doux dans un navigateur mobile?

Bootstrap scrollspy ne reçoit que le décalage de hauteur en deuxième clic

J'ai créé une page avec bootstrap 3.2.1 et j'utilise scrollspy dans cette page. Dans le premier clic sur le menu, la hauteur du décalage ne fonctionne pas pour la page de défilement, mais après le deuxième clic, vous avez une hauteur de décalage.

Ce code fonctionne dans les navigateurs! Mais lorsque vous cliquez sur le titre 2 (ou le titre 3 ou le titre 4) pour la première fois, la page doit se défiler sur le titre 2 (ou Titre 3 ou Titre 4). 

offsetHeight value = 120;

Voir la démo en direct

Voir la démo jsfiddle

Cela parce que vous avez réglé la barre de navigation sur le mode défilement vers le bas (après y> 90). Donc, vous devez réduire la hauteur de la barre de navigation quand elle est corrigée.

Vous avez besoin d'une valeur dynamique, en fonction de votre code, une façon de le faire est d'utiliser une fonction avec les mêmes paramètres. La hauteur de la barre de navigation est de 30px, donc vous devez l'ajouter. 

 function offsetHeight() { if ($(window).scrollTop() > 90) { return 120; } else { return 150; } };

JSFiddle