0

我有以下jsfiddle项目用于测试 BootSTrap 的ScrollSpy 功能

该演示有 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>

谢谢你的帮助。

更新：3/5/2013-JSFiddle 链接现在正确

4

1 回答 1

0

通过以下方式使用 body 标签：

带演示的 Jsfiddle

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

您正在使用没有 #tag 的 id 导航。此外，为了让 scrollspy 工作，请在正文中使用部分 id 来获取数据目标。

由于您已经在 body 标记中指定了 data-spy 和 data-target ，因此无需通过 javascript 进行初始化。

于 2013-03-05T13:20:19.320 回答