0

BootSTrapのScrollSpy機能をテストするために使用している次のjsfiddleプロジェクトがあります

デモにはページのセクションへの5つのリンクがあり、リンクは機能します。ただし、ページを下にスクロールしても、ナビゲーションメニューはアクティブになりません。さらに、jsfiddleを実行すると、ナビゲーションの最後のメニューオプションが灰色になっていることに気付きました。私のナビゲーションの最初のオプションはページの下にあるので、どのネイブもハイライトされないと思います。

私は自分が間違っていることを見ていませんか？

<section class="navspy">
        <ul id="navigation" class="nav nav-tabs nav-stacked affix" style="width:200px">
            <li><a href="#patientInfo">Patient Info</a>
            </li>
            <li><a href="#EmergencyContactInfo">Emergency Contact</a>
            </li>
            <li><a href="#EmploymentInfo">Employement Info</a>
            </li>
            <li><a href="#GuardianInfo">Guardian Info</a>
            </li>
            <li><a href="#InsuranceInfo">Insurance Info</a>
            </li>
        </ul>
    </section>

助けてくれてありがとう。

更新日：2013年3月5日-JSFiddleリンクが正しくなりました

4

1 に答える 1

0

次のようにbodyタグを使用します。

Jsfiddle with Demo

<body data-spy="scroll" data-target=".navspy">

＃タグなしでIDナビゲーションを使用していました。また、scrollspyを機能させるには、データターゲットの本文でセクションIDを使用します。

bodyタグでdata-spyとdata-targetがすでに指定されているため、javascriptを介して初期化する必要はありません。

于 2013-03-05T13:20:19.320 に答える