Bootstrap twitter 3 - 侧边栏固定不滚动

时间:2013-10-06 09:16:37

标签: css twitter-bootstrap twitter-bootstrap-3

演示:http://demo.webtemplum.com

尽量调整窗口,宽度和高度。尝试使用“flickr演示页面”,让主窗口尽可能长。

您会注意到侧边栏(在小屏幕中折叠但使用按钮重新打开)不会随页面滚动。此外,在该div(#sidebar-wrapper)下,高度为100%,当您滚动时,您会注意到页面的白色。

我如何解决这些问题?非常感谢你

编辑:查看图片:sidebar problem

1)黑色矩形:当顶部侧边栏滚动时,它会留下白页 2)红色矩形:当侧边栏比窗口长时,只是“覆盖”,你不能点击其他菜单

谢谢!

1 个答案:

答案 0 :(得分:1)

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    left: 150px;
    width: 0;
    height: 100%;
    margin-left: -150px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

使位置:绝对可以解决黑色矩形区域的问题。