2012-12-20 183 views
0

簡單的問題,有人幫忙嗎?困惑於此。Scrollspy在Bootstrap不起作用

有問題的導航欄在頁面加載時隱藏,並在表單提交以及所有內容之後顯示。

這裏是導航欄代碼:

<div class="navbar" id="mainnav"> 
<navbar inner code><ul><li's></li's></ul></navbarcode></div> 

<div id="contentwrap" class="row" data-spy="scroll" data-target="#mainnav"> 
Content with all the anchors 
</div> 

這不是其自身附着到屏幕上,它不是刺探內容,我滾動或任何東西。

不太確定。我正在使用bootstrap,因此所有相關的文件都包含在內。我已逐字複製了多個示例,無法使其正常工作。

這裏有完整的代碼的jsfiddle:http://jsfiddle.net/ccRnM/7/

注:這導航欄是不是在頁面的頂部,有一個設置在它上面的圖像,我希望能夠滾動過去認爲進入頁面內容,然後讓導航欄抓住,就像他們在引導站點上的示例一樣。

想法?

回答

3

這是做這件事的一種方法。 http://jsfiddle.net/panchroma/8jPNm/

而不是使用scrollspy的通過javascript我用

<div class="navbar" id="mainnav" data-spy="affix" data-offset-top="85"> 

85是屏幕需要滾動導航欄貼過,所以玩這個的距離。

我還添加了一些CSS來定位添加後的導航欄,並將bootstrap.min.js添加到頁面資源中。

祝你好運!