问Bootstrap ScrollSpy不工作
EN

Stack Overflow用户

提问于 2013-03-05 09:04:14

回答 1查看 419关注 0票数 0

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

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

twitter-bootstrap

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-05 21:20:19

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

Jsfiddle与Demo

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

您正在使用不带# tag的id导航。另外，为了让scrollspy工作，在data-target的正文中使用段id to。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15214028

复制

相似问题

问Bootstrap ScrollSpy不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap ScrollSpy不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap ScrollSpy不工作
EN