2013-03-09 58 views
2

我现在遇到的问题涉及twitter bootstraps附件和css overflow-y。引导程序附加和溢出冲突

的详细

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

div.container-fluid被用作主要内容主体。我使用position: absolute将其放置在页眉和页脚之间,并且我有overflow-y: scroll以使其滚动浏览溢出的内容。

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

的问题

当我添加overflow-y: scrolldiv.container-fluid我得到了正确的位置滚动......但没有应用词缀(基于操作)

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

这里有两个链接到一个具有溢出-y和一个没有溢出-Y

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

贴上坏滚动http://jsfiddle.net/VincentWilkie/cKJV2/

效果我需要它,该滚动条不延伸到页眉和页脚:(

感谢您的任何帮助!

文森特·威尔基

回答

1

我能弄清楚,为我工作的解决方案。

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

我也删除溢出。

谢谢!