2012-11-16 41 views
5

我在側欄上使用Twitter引導程序的詞綴,在傳統的網站佈局(標題 - 內容和側欄 - 頁腳)上。取消固定滾動上的Twitter引導程序的詞綴

在某個滾動點上,我希望它從頁面上取消固定並返回到原來的位置:static,因此它不會與頁腳重疊。我試圖用CSS來擺弄它,但是由於.affix將元素的位置設置爲固定,它會弄亂邊欄高度。

我想它與JS有關,也許刪除詞綴類。任何解決方案/建議?

回答

10

使用data-offset-bottom屬性用於此目的:

<div class="sidebar" data-spy="affix" data-offset-top="50" data-offset-bottom="300"> 
    Sidebar 
</div> 

這裏是例子:http://jsfiddle.net/NwwKQ/120/

+0

謝謝,它的工作只是因爲我需要:) –

+0

JS小提琴字面上什麼都不做。一切都呈現靜態定位。 –

+0

@JoshRibakoff,謝謝你的報告,我已經更新了小提琴。 – noitseuq