問題タブ [scrollspy]

scrollspy が機能しないのはなぜですか?

http://jsfiddle.net/NnREW/

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

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

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

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

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

前もって感謝します。

ブートストラップ ScrollSpy を接辞 navbar に適用しようとしています。私はすべてを正しくやったと思っているので、何かが欠けています。

これが私のコードです：

リンクと接辞は正しく機能していますが、scrollspy が表示されません。

ここで適応されたjsfiddleを参照してください。

こんにちは、ナビゲーションでスクロールスパイを動作させようとしていますが、そうではありません。私のサイトへのリンクは次のとおりです。

実装方法は次のとおりです。

# アンカー リンクではなく絶対 URL を使用する場合に scrollspy を機能させようとしています。

たとえば、使用するだけで scrollspy を簡単に実行できます<a href="#section1"></a>

を使用してscrollspyを実行できるようにしたい<a href="http://myurl.com/#section1"></a>

これを行う理由は、ホームページのメイン ナビゲーションが scorllspy であるためですが、ブログはホームページの一部ではありません。ブログにアクセスしてからホームページ上の何かへのリンクをクリックするとhttp://myurl.com/blog/#section1、ホームページ ID ではなくにルーティングされます。

私はこの解決策を見つけました（bootstrap scrollspyでurlとhashを使用します）が、完全に機能させることができませんでした。いくつかの微調整と多数の正規表現の組み合わせの後、アクティブなクラスを最初のメニュー項目に追加することができましたが、更新されませんでした。

これを機能させることについて何か考えはありますか？使用する必要がある代替の js ライブラリはありますか?

トロイのおかげで解決

$('body').scrollspy({ target: '.nav-main', offset: 155 })scrollspyをリフレッシュした後にデータオフセットを再適用するために追加しました。試行錯誤の末、これが私が見つけた唯一の解決策です。

Bootstraps ScrollSpy または「スクロールスパイ」タイプのスクリプトを取得して、という名前のスクロール可能な div#reportContainerで動作させようとしています。

1 つはページを削除するための削除ボタンであるため、タグには 2 つのリンクがあります。クラス.pageとのリンクは、私が見たいものです。

誰でも私がこれを機能させるのを手伝ってくれますか?

ナビゲーション

目標