bootstrap scrollspy不工作

http://bittu.github.com/folderGrid/

它在第一突出最後一個標籤和滾動時僅兩個標籤之間接通滾動的每個步驟。

這是我使用的一小段代碼。

<body data-spy="scroll" data-target=".subnav" data-offset="50"> 

<div class="subnav"> 
    <ul class="nav nav-pills"> 
     <li><a href="#contents">Contents</a></li> 
     <li><a href="#config">Config Options</a></li> 
     <li><a href="#usage">Usage</a></li> 
     <li><a href="#examples">Examples</a></li> 
    </ul> 
</div> 

<div class="row"> 
    <div class="span12"> 
     <section id="contents"> 
      .... 
     </section> 
     <section id="config"> 
      .... 
     </section> 
     <section id="usage"> 
      .... 
     </section> 
     <section id="examples"> 
      .... 
     </section> 
    </div> 
</div>

包含所有必需的文件。並嘗試所有數字data-offset

來源

2012-07-17 Sandeep

解決了這個問題嗎？該片段似乎正在工作。哪個答案解決了你的問題？ – 2013-09-10 14:37:07

Twitter的引導程序沒有定義subnav類。它在Twitter的Bootstrap頁面中提供，但要重複使用它，您必須包含CSS中的一些代碼。它專爲這個特定的頁面而設計。 Subnav在滾動時固定位置，看看它是如何工作的，看看CSS和JS。

來源

2012-07-17 17:14:00

我已經包括他們的CSS以及定位導航欄到頂端的JS ... 那麼請檢查我的問題的鏈接...這是我的問題的生活工作示例... – Sandeep 2012-07-18 03:48:38

幾個小時前我也遇到過這個問題。我以和你一樣的方式使用它（間諜body並使用section作爲目標）。最後，我發現我只是在文件開頭錯過了<!DOCTYPE html>，儘管我檢查了你的演示站點，並且已經有了html5聲明。

順便我切換到bootstrap v2.1

來源

2012-08-25 16:44:10 liang

bootstrap scrollspy不工作

回答

相關問題