scroll - Twitter BootstrapのScrollSpyで、data-spy = "scroll"を正確にどこに置くことができますか？

Question

ドキュメントにはっきりと書かれています

スパイしたい要素にdata-spy="scroll"を追加するだけです（最も一般的にはこれが本文になります）

でも、体につけないと動かないようです。スパイしたい他の要素にそれを入れると、ナビゲーションの最後の要素が選択されます。

これは本体にあり、機能します。これはまったく同じですが、data-spy="scroll"スパイしたい要素があり、失敗します（最後の要素のみがアクティブになります）。

私は何か間違ったことをしていますか、それともこれはバグですか？

score 5 · Accepted Answer

2番目の例は、次を使用して修正できます。

#TryToPutDataSpyHere{
  display:inline;
}

しかし、何らかの理由でデモでは機能しません

私はあなたの問題をドキュメントから再現することができました：http：//jsfiddle.net/baptme/KbphR/

しかし、それは私が次のcssコード（ドキュメントで使用されている）を持っている場合にのみ機能します：

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}

どうやら両方が必要height: 200px;なようですoverflow: auto;

あなたの場合ではないかもしれませんあなたのせいで.box{height: 500px;}

score 0 · Accepted Answer

スクロールスパイがタグ以外では機能しないという同様の問題があったので、実際にブートストラップjsにアクセスして、スクロールスパイ（SCROLLSPY CLASS DEFINITION）セクションを見つけ、次の行を変更しました。

、$ element = $（element）.is（'body'）？$（ウィンドウ）：$（要素）

これに：

、$ element = $（element）.is（'body'）？$（ウィンドウ）：$（ウィンドウ）// $（要素）

（//の後の要素はコメントなので、変更したことを忘れないでください）

そしてそれは私のためにそれを修正しました。

2 に答える 2