引導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不工作

回答

相關問題