2

選択した要素のスクロール位置に関して、Bootstrap ScrollSpy に問題があります。この問題はページの下部で発生します。ページ全体に比較的短いコンテンツ セクションが複数あります。それらは折りたたまれてonClickで展開されます（そうです、すべて開くことを選択した場合、問題はないようです）。scrollspyによってすべてが選択される前にページの下部に到達すると、navの最後の要素にジャンプします。

スクロール可能な領域がなくなるという問題のようです。(また、余分な空白パディングを追加してデザインを無効にすることはオプションではありません)

ボディに scrollspy を追加しました。ボディには高さの値が追加されていません。オフセットは、強調表示された要素の開始が早すぎた以外は効果がありません。

ここに私のコードの JSFiddle があります: http://jsfiddle.net/Abuu/sAUee/

    $( document ).ready(function() {
    $('body').scrollspy({ 'target': '#nav', 'offset': 10 });
});

ここで同様の質問が1つしか見つかりませんでしたが、回答がありませんでした: Bootstrap - Scrollspy scrolling skipping second to last section

前もって感謝します。

4

1 に答える 1

2

これは、セクションが表示スペースを占有するほど大きくない場合に発生します。そのため、いくつかのセクションがすべて同時にページにある場合、ScrollSpy はデフォルトで最後のセクションに移動します。私が見たところ、これはページの最後のセクションでのみ発生します。

画面の面積を占める各セクションに高さを追加すると、正常に機能することがわかります。

于 2014-04-03T17:44:54.983 に答える