問題タブ [scrollspy]

私は Twitter Bootstrap 3.0 を使用しており、ScrollSpyプラグインを使用して、下にスクロールするときに「nav」リンクを有効にしています。ここで、ScrollSpy イベント「activate.bs.scrollspy」に応答して、(window.history.pushstate を使用して) アドレス バーの URL を自動的に更新したいと考えています。

ScrollSpy がアクティブ化した "nav" 要素を特定するにはどうすればよいですか?

私のコードは次のようになります。

ブートストラップ scrollspy を統合する WordPress サイトがあります。スクロールすると Scrollspy がアクティブになりますが、navbar で最初の 2 つの項目が正しく強調表示されません。最初のコンテンツ ボックスが他のボックスよりも大きいためにオフセットの問題があるようですが、 body タグと を介してオフセットを追加しましたjQuery('.navbar').scrollspy()。padding-top: 100pxページの最初のコンテンツ ボックスにも追加しました。これらの解決策はどれも機能しません。ここで何が欠けていますか？

作業ページ

一部のブラウザーで、Web サイトのブートストラップ scrollspy を修正しようとしています。body 要素の高さが 100% であるため、scrollspy がどこかで機能しないことがわかりました (そして、すでに多くの議論を見てきました)。

この問題で簡単な Web ページを作成しました (Opera 20 ではうまく動作しますが、たとえば Firefox 7 では動作しません)。体の高さを 100% 削除すると、すべてが機能します。問題は、体の高さを 100% にする必要があることです。回避策はありますか？それを修正して body 要素の 100% の高さを維持する方法はありますか? ありがとう！

jsfiddle.net の例: http://jsfiddle.net/eedZL/

CSS:

HTML

JS

私の問題は、BootStrap の scrollspy にあり、正常に動作しません。Web でさまざまな構成をテストしましたが、機能しません。メニューのスクロールがうまくいかない場合、私のサイトで問題を確認できます。

私は BootStrap を初めて使用します。いくつかの可能な解決策を試しました。うまくいけば、私を助けることができます、どうもありがとうございました。

スクロールスパイBootstrapを変更して、ハッシュなしで機能させるにはどうすればよいですか?

これは標準的な操作です:

しかし、私はこのように使用したいと思います(ハッシュなし):

可能です？

私はAngularJSを初めて使用し、すでに絶望の瀬戸際にいます:)私のアプリは次のようになります( Plnkrの動作しない例):

HTML

JS

基本的に、アイテムが現在ビューポートの上部にあるときはいつでも、アイテムの内容をアイテムのプロパティに変更するスクロールスパイが必要ですh2(上部に固定されていると仮定します):headerdb

ただし、ディレクティブ内から編集するcontentためにディレクティブ内からコントローラーと通信する方法がわかりません。がコントローラーの とは違うことは理解しており、どこかで使用する必要があるという漠然とした感覚がありますが、それを正しくする方法がわかりません。部分的には、AngularJS で何かを行うための 5 つの異なる略記があり、それらが常にうまくいくとは限らないためです。文体のガイダンスを含め、どんな助けも感謝します。 $scope.headerscope$scoperequire

Foundation Magellan プラグインを再初期化するにはどうすればよいですか? マゼランはタブ内にあり、タブが開いたら「マゼラントップオフセット」を再初期化する必要があるため、これを行う必要があります。

$(document).foundation('magellan', 'init');トリックをしません...