問題タブ [scrollspy]

Scrollspy で問題が発生しています。正しいセクションを指すリンクを取得できますが、現在「選択されている」li 要素にアクティブなクラスが適用されていません。この問題は、私のベータ Web サイトhttp://beta.joshuabock.com/resume.htmlで確認できます。私は解決策を探しましたが、これまでのところ運がありません。この問題を解決する方法について何か提案はありますか?

基本的なコード構造は次のとおりです。

私はほぼすべてが機能しています： http://firestream.net/2013/index.php?go=stats

私が抱えている2つの問題は次のとおりです。

1) 下にスクロールすると、サイド ナビゲーション リストが現在の位置ではなく、画面の一番上に表示されるようにしたい 2) 下にスクロールすると、ナビゲーション リストの幅が狭くなる

どんな助けやアドバイスも素晴らしいでしょう！

アクティブなページ リンクをアクティブなクラスで更新する固定サイド メニューを実装しようとしています。スクロール スパイ HTML5 要素を本文に配置しましたが、問題が発生しています。誰かが私のページをチェックアウトして、何が問題なのかを判断できるかどうかを確認できますか?

http://mattaltepeter.com/new/about.shtml

ブートストラップの scrollspy を機能させるにはいくつか問題があります。出力ページは、javascript エラーなしで正常に生成されています。

しかし、スクロールすると、CSS クラスにアクティブを適用することができません。

以下は、私がセットアップした JSFiddle です。

ありがとう

http://jsfiddle.net/475sT/15/

Bootstrap の scrollspy を正常に使用していますが、宛先アンカーが水平方向にカスケードするページで使用したいと考えています。私は無駄に微調整しましたが、それを機能させることができません。https://gist.github.com/marcoleong/1922743も試しましたが、成功しませんでした。

への呼び出しで動作するhttp://jsfiddle.net/AzSWV/2/で私のフィドルを参照してください$('body').scrollspy();

最初に、垂直スクロールスパイが機能することがわかります。CSS のコメントを外し、フィドルを更新して水平レイアウトを表示します。

Twitterブートストラップのscrollspyからの固定ドッキング動作を壊さずに、ナビゲーションバーの高さを変更したいです。この設定はどこで調整できますか? nav 要素のオフセット プロパティを変更してもうまくいかないようです。

下にスクロールすると、ナビゲーション バーのドッキングが表示されます。

http://www.pictorious.com/about

ただし、ナビゲーションバーを高くするとすぐに、サブナビゲーションが以前と同じ高さであると考えて、サブナビゲーションが完全に下に押し込まれます。

Div の長いページがあります。画像付きのものもあれば、テキスト付きのものもあります。ナビゲーション バーにScrollspyを接続しました。これは、Div のリストを下にスクロールすると強調表示されます。

画像が多いので、LazyLoadもインストールしています。

私が抱えている課題は、画像を含む Div では、遅延ロードが原因で scrollspy が Div の高さを適切に読み取らないように見えることです。これは、現在の div のスクロールが完了する前に、scrollspy が次の div のナビゲーションを強調表示することを意味します。

これが私が持っているコードの簡略化されたバージョンです:

...上記のコードでは、ユーザーがまだ画像を含む「2」をスクロールしている間に、ナビゲーションバーの「3」が強調表示されます。ScrollspyのDOMの「リフレッシュ」で何かをしなければならないかもしれないと思いますが、その方法や問題が解決するかどうかはあまり明確ではありません:

事前にご協力いただきありがとうございます。

Twitter のブートストラップ scrollspy に問題があります。私は現在、http://jsfiddle.net/VLBMV/2/で動作させることができます (例を作り直しました)。ただし、それを実際のページに変換すると。ナビゲーションの最後の要素のみをアクティブにします。

** 以下のコードで失敗する実際の例をここで編集します: http://reageek.ca/dev/test.html

これが私のコードです（doctypeを除く）：

また、ここに私のtest.cssの内容があります。ここには派手なものはなく、灰色のボックスだけです

なぜこれが失敗するのか、誰かが光を当てることができますか? お時間をいただきありがとうございます。

ajax経由でロードされるサブメニューがあります。Bootstraps scrollspy を使用して、ユーザーが現在のページのどこにいるかに基づいてサブメニューを強調表示しようとしています。ただし、サブメニューでは機能しません。ajax経由でロードされたためだと思います。サブメニューを強調表示するにはどうすればよいですか?

subnav.html

Mainpage.html

ブートストラップのスクロールプシーを使用しています。

私がやろうとしていることの例を作りました：

http://jsfiddle.net/te3V4/15/

すべて問題ありません。彼は各セクション ID に 1 つのアクティブなクラスを渡しliますが、各セクションのヘッダーの背景を変更したい

例えば：

もしも#studio background-color: #0915ff;
_#green background-color: 085606;