2

我现在遇到的问题涉及 twitter bootstraps 词缀和 css overflow-y。

细节

我有一个固定在顶部和底部的 41 像素引导导航栏(用于页眉/页脚)。

div.container-fluid用作主要内容主体。我习惯position: absolute将它定位在页眉和页脚之间,我必须overflow-y: scroll让它滚动浏览溢出的内容。

div.side-bar用作页面左侧的侧边导航,嵌套在div.span3. 我使用 jquery 来调用侧导航上的词缀。

问题

当我添加overflow-y: scroll到时,div.container-fluid我在正确的位置滚动......但没有应用词缀(基于动作)

但是当我完全删除时overflow-y: scroll,滚动条会延伸到整个页面(而不仅仅是div.container-fluid),但词缀确实适用。

这里有两个链接指向一个带有溢出-y 和一个没有溢出-y

无词缀效果 http://jsfiddle.net/VincentWilkie/YRxkU/

滚动不良的词缀效果 http://jsfiddle.net/VincentWilkie/cKJV2/

我需要它,以便滚动条不会延伸到页眉和页脚:(

谢谢你的帮助!

文森特·威尔基

4

2 回答 2

1

我能够找到适合我的解决方案。

我最终使用 .affix({ offset: { x: 10, top: 20 } }) 来正确定位它。

我还删除了溢出。

谢谢!

于 2013-04-10T21:03:06.390 回答
1

您只需要添加data-spy="affix"到#side-bar div。这是一个工作示例:

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

于 2013-04-09T18:02:41.273 回答