6

ScrollSpy Bootstrap プラグインを試していますが、正しく動作しません。以下のコードを参照してください。常に最後の項目が強調表示されます。

http://jsfiddle.net/bRYMC/

<nav id="navbar">
  <ul class="nav">
    <li><a href="#page1">Page 1</a></li>
    <li><a href="#page2">Page 2</a></li>
    <li><a href="#page3">Page 3</a></li>
    <li><a href="#page4">Page 4</a></li>
    <li><a href="#page5">Page 5</a></li>
  </ul>
</nav>

<div data-spy="scroll">
  <section id="page1" class="page">
    <h1>Page 1</h1>
  </section>

  <section id="page2" class="page">
    <h1>Page 2</h1>
  </section>

  <section id="page3" class="page">
    <h1>Page 3</h1>
  </section>

  <section id="page4" class="page">
    <h1>Page 4</h1>
  </section>

  <section id="page5" class="page">
    <h1>Page 5</h1>
  </section>
</div>

お手伝いできますか？

4

2 に答える 2

1

data-spy="scroll"body タグに を設定すると、動作するはずです。更新されたjsFiddleを確認してください。

于 2012-10-11T15:47:28.237 に答える
0

タグdata-target="#navbar"の横に設定して、それが機能するかどうかを確認します。data-spy="scroll"

于 2013-02-27T19:33:09.917 に答える