0
私はブートストラップ4で1ページのサイトを構築しています。私は、メインナビゲーションと、弾丸付きのサイド "navbar"の両方にブートストラップスクロールスパイを適用したいと思います。私はメインのナビゲーションにスクロールスパイを適用しましたが、私はサイドバーでそれを行う方法を理解することはできません。またdata-target=".navbar"
をdata-target="#bulletNav"
に変更しても、再び動作しません。ここでjsfiddleです:事前に https://jsfiddle.net/2beqhxxe/スパイを複数のnavbarにスクロール
おかげで
応答がScrollspy.jsで、このコンポーネントは.navリンクまたは.LISTグループ項目のクラスを持っている「ターゲット」にのみリンクを取り扱うれる
感謝を:あなたが望むように はここで、複数のscrollspyためjsfiddleソリューションです。私が気づいたもう一つの問題は、コンタクト(最後のリンク)がアクティブで始まり、スクロールすると実際のアクティブなリンクがマークされていることです。 –
はい、私も気づいていますが、javascriptのセクションタグdocument.readyそのため、scrollspyが開始されると、すべてのセクションが空になり、高さが0になります。 - すべてのjavascript命令を無効にする - CSSでセクションを追加:{height:100vh;} セクションタグは、ページが読み込まれたときに高さを持つようになりました。 –
ありがとうございました –