4

私はブートストラップ 3 (現在のバージョン) を使用しています。

affix-PlugIn を使用してナビゲーションを作成しようとしています。特定のナビゲーション リンクの上にいる限り、リンクのクラスは「affix-top」であり、この特定のリンクの下にスクロールすると、クラスは「affix-bottom」に変わるはずです。

ただし、「接辞-下」クラスは表示されません。

事実は次のとおりです。

-> 非常に長いサイドバー ナビゲーションがあります。

-> すべてのサイドバー ハイパーリンクは、ページの別のセクションにリンクしています。

-> data-spy="affix" data-offset-top="60" data-offset-bottom="200"をすべての <li> 要素に追加しました。

ここで、下にスクロールしてChromeまたはFirefoxですべてのナビゲーションリンクを調べると、特定のリンクまで下にスクロールすると、affix.js-pluginが「クラス」属性を class="affix-top から変更することがわかります" to class="affix" (これはまさに私が期待するものです)。

しかし：

さらに下にスクロールすると、class-Attributes が class="affix- bottom " に変わりません。

-

私は何を間違っていますか？

または、これは Bootstrap のバグですか?

4

1 に答える 1

1

追加する必要があり data-spy="affix" data-offset-top="60" data-offset-bottom="200" ます: を nav 親 DOM 要素にのみ追加する必要がありulますol。

data-offset-bottomはページの下部からのオフセットであるため、200 は小さすぎて、nav 要素がその高さまでスクロールしない可能性があります。

イベントをトリガーするには、そのパラメーターを増やしてみてください。

于 2014-11-18T09:00:54.370 に答える