Question

我正在使用以下jsfiddle项目来测试ScrollSpy feature of BootSTrap

该演示有5个链接到页面的部分，链接工作。但是，向下滚动页面不会激活导航菜单。此外，我注意到在运行jsfiddle时，导航中的最后一个菜单选项是灰色的。因为我的导航中的第一个选项在页面下方有点我认为没有nave会被高亮显示。

我没看到我做错了什么？

<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链接现在更正

Answer 1

以下列方式使用body标签：

Jsfiddle with Demo

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

你使用没有#tag的id导航。另外，对于scrollspy工作，请在body中使用section id to data-target。

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

Bootstrap ScrollSpy不起作用

1 个答案: