引導程序附加和溢出衝突

Question

我現在遇到的問題涉及twitter bootstraps附件和css overflow-y。

的詳細

我已固定在頂部和底部的一個41像素引導導航欄（用於頁眉/頁腳）。

div.container-fluid被用作主要內容主體。我使用position: absolute將其放置在頁眉和頁腳之間，並且我有overflow-y: scroll以使其滾動瀏覽溢出的內容。

div.side-bar用作頁面左側的側面導航，並嵌套在div.span3中。我使用jquery調用side nav上的詞綴。

的問題

當我添加overflow-y: scroll到div.container-fluid我得到了正確的位置滾動......但沒有應用詞綴（基於操作）

但是，當我完全刪除overflow-y: scroll，滾動條延伸到整個頁面（而不僅僅是div.container-fluid），但詞綴確實適用。

這裏有兩個鏈接到一個具有溢出-y和一個沒有溢出-Y

沒有詞綴效果http://jsfiddle.net/VincentWilkie/YRxkU/

貼上壞滾動http://jsfiddle.net/VincentWilkie/cKJV2/

效果我需要它，該滾動條不延伸到頁眉和頁腳:(

感謝您的任何幫助！

文森特·威爾基

Answer 1

你只需要添加data-spy="affix"到＃側邊欄股利。這是一個工作示例：

http://jsfiddle.net/skelly/YRxkU/2/

Answer 2

我能弄清楚，爲我工作的解決方案。

我最終使用.affix（{offset：{x：10，top：20}}）來正確定位它。

我也刪除溢出。

謝謝！