Bootstrap ScrollSpy 不工作答案

【问题标题】：Bootstrap ScrollSpy isn't workingBootstrap ScrollSpy 不工作
【发布时间】：2013-03-05 21:24:46
【问题描述】：

我有以下jsfiddle 项目用于测试ScrollSpy feature of BootSTrap

该演示有 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 链接现在正确

【问题讨论】：

我在你的 jsfiddle 中没有看到任何链接？
看来我得重建它了。 #frustrating
请记住，当您插入任何新内容时，请按 CTRL + S 保存它，然后在此处发布该版本
我认为它现在已更新。再次感谢您的帮助！
你能检查一下答案吗

标签： twitter-bootstrap

【解决方案1】：

body 标签的使用方式如下：

Jsfiddle 与 Demo

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

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

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

【讨论】：