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

Question

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

尝试将窗口、宽度和高度调整到最小。也可以尝试使用“flickr 演示页面”，让主窗口尽可能长。

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

我该如何解决这些问题？非常感谢

编辑：看图片：

1）黑色矩形：顶部侧边栏滚动时，离开白色页面 2）红色矩形：当侧边栏比窗口长时，只是“覆盖”，不能点击其他菜单

谢谢！

Answer 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;
}

使位置：绝对，这将解决黑色矩形区域的问题。