我现在遇到的问题涉及 twitter bootstraps affix 和 css Overflow-y。
详细信息
我有一个固定在顶部和底部的 41 像素 Bootstrap 导航栏(用于页眉/页脚)。
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/
我需要它,以便滚动条不会延伸到页眉和页脚:(
感谢您的帮助!
文森特·威尔基
最佳答案
您只需将 data-spy="affix"
添加到 #side-bar div 即可。这是一个工作示例:
关于twitter-bootstrap - Bootstrap 词缀和溢出-y 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15312019/