引导ScrollSpy不工作(Bootstrap ScrollSpy isn't worki

2019-10-29 09:28发布

我有以下的jsfiddle项目我使用来测试自举ScrollSpy功能

该演示有5个链接到网页的部分和环节的工作。 然而,向下滚动页面不激活的导航菜单。 Futhermore,我注意到,在运行的jsfiddle在我的导航栏上的最后一个菜单选项是灰色的。 因为在我的导航栏上的第一个选项是下跌的一页了一下,我觉得没有殿将highlighed。

我没有看到什么我做错了?

<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>

感谢您的帮助。

更新:4 /2013分之5-的jsfiddle链接现在是正确的

Answer 1:

使用以下方式body标签:

用的jsfiddle 演示

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

您正在使用的ID导航无#标签。 也为scrollspy工作在身使用部分ID为数据目标。

既然你已经拥有的数据间谍和数据目标在body标签中指定无需通过JavaScript进行初始化。



文章来源: Bootstrap ScrollSpy isn't working