Scrollspy の Jquery スタンドアロン実装を使用しています。ここに私の問題の jsfiddle の例があります: http://jsfiddle.net/2acyu/66/
ページが 3 つのセクションを下にスクロールすると、上部のナビゲーション リンクが強調表示されます。
正常に動作します！
私の問題は、切り替え可能な非表示の要素が必要なことです。追加のコンテンツが表示され、セクションの 1 つが展開されると、scrollspy がスローされます。非表示のテキストを展開してから、下にスクロールしてみてください。コンテナー div のオフセット値が変更されたため、このセクションがページの上部に到達する前に、テキスト 2 へのリンクが強調表示されます。
scrollSpy の Bootstrap バージョンには、この状況を修正するために DOM 内の要素が追加/変更されたときに呼び出すことができる "refresh" メソッドがあります。ただし、私が使用している Scrollspy のスタンドアロン JQuery バージョンはそうではありません。
ここ別のサイトの誰かが次の使用を提案しています:
$(window).unbind("scroll");
その後、ウィジェットを再作成します。
しかし、この修正を実装する方法がわかりません。
どんな助けでも感謝します。