twitter-bootstrap - Bootstrap 词缀和溢出-y 冲突

标签 twitter-bootstrap scroll scrollbar overflow affix

我现在遇到的问题涉及 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 即可。这是一个工作示例:

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

关于twitter-bootstrap - Bootstrap 词缀和溢出-y 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15312019/

相关文章:

c# - UserControl BringIntoView() 无法正常工作

javascript - 无法获得一个按钮来使用 js 滚动 div 的溢出

html - 如何应用Bootstrap Sidebar和Sidebar collapse Menu

jquery - Bootstrap 3 : Affix navbar fade in and add object

css - Bootstrap Modal 在不需要时调出 slider ?

objective-c - 向 Mac 应用程序添加滚动的最简单方法

android - 在 RecyclerView 中滚动时自动在行之间添加空间

html - 响应式网格框,图像自动调整大小

javascript - 如何在 HTML 页面上创建不可见的可滚动区域?

wpf - XAML Canvas 上可放大和缩小的滚动条