2013-07-28 56 views
5

我一直在努力並試圖讓滾動間諜工作在我的引導站點,但我無法讓它工作。我遇到的問題是,滾動無效,無論我滾動到哪裏。你可以看到我在做什麼here。我已經執行了所有,即低於所需的步驟使用twitter引導滾動間諜

是body標籤

<body data-spy="scroll" data-target="#top-fixed-nav"> 

和資產淨值也有:

  <ul class="nav" id="top-fixed-nav"> 
       <li> 
       <a href="#home">Home</a> 
       </li> 
       <li class=""> 
       <a href="#about">About</a> 
       </li> 
       <li class=""> 
       <a href="#howto">How to Use?</a> 
       </li> 
       <li class=""> 
       <a href="#contact">Contact</a> 
       </li> 
      </ul> 

調用了scrollspy爲好。

$('#top-fixed-nav').scrollspy(); 

任何人都可以請看一下,請指出我在這裏忽略或做錯了什麼。

+3

嘗試'$(」體')scrollspy();' – migg

回答

5

Docs說:

輕鬆地添加scrollspy行爲,你的頂欄導航,添加 data-spy="scroll"到要在窺探(最典型的是 這將是<body>)的元素。然後將data-target屬性與 ID或任何Bootstrap組件的父元素的類相加。

您發佈的代碼不起作用,因爲您正在監視#top-fixed-nav(滾動事件)。

1

試試這個:jsfiddle

如果Scrollspy強調最後一個元素,你可以添加

高度:100%

爲HTML和body標籤