引导ScrollSpy不工作

，我有以下jsfiddle项目我使用的测试ScrollSpy feature of 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 /2013分之5-的jsfiddle链接现在正确

来源

2013-03-05 ChiliYago

我没有看到你的jsfiddle中的任何链接？ – Shail 2013-03-05 02:23:17

看起来我不得不重建它。 #frustrating – ChiliYago 2013-03-05 02:46:31

只记得当你插入任何新的命中CTRL + S来保存它，并在这里发布该版本 – Shail 2013-03-05 02:49:53

使用下列方式body标签：

的jsfiddle与Demo

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

你正在使用的ID导航无＃标签。同样为了滚动工作，使用部分ID在主体中作为数据目标。

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

来源

2013-03-05 13:20:19 Shail

引导ScrollSpy不工作

回答

相关问题