Bootstrap边栏不滚动100％高度

Question

我目前在屏幕左侧有一个Bootstrap边栏。 height设置为100%。但是当内容超出屏幕底部时，它不可滚动。

我看到this Stack Overflow这个问题与我的问题非常相似。其中一条评论提到，这可能是由于我的身高设置为100％。

我试图将我的高度设置为100px，就像测试内容是否可以滚动一样，并且工作正常。

所以我的问题是，有没有办法让我的边栏中的内容可滚动，并保持高度在100%，而不必设置特定的像素值？

编辑：

下面是我对当前#sidebar-wrapper CSS。

#sidebar-wrapper { 
    overflow-y: scroll; 
    z-index: 1000; 
    position: fixed; 
    left: 175px; 
    width: 175px; 
    height: 100%; 
    margin-left: -175px; 
    overflow-y: auto; 
    background: #222222; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 

Answer 1

更新：

通过特定网站上的代码去后。固定位置的侧边栏需要CSS属性top:52px，它将顶部的侧边栏偏移以容纳高度为52px和bottom:0px的导航栏，该导航栏被添加以确保侧栏延伸到浏览器窗口的底部。

#sidebar-wrapper { 
    z-index: 1000; 
    position: fixed; 
    left: 175px; 
    top: 52px; 
    bottom: 0px; 
    margin-left: -175px; 
    overflow-y: auto; 
    background: #222222; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 

老答案：

下面是bootsnipp.com/一些示例代码和代码的简单的工作片段。参考下面的JSFiddle。

因此，如果代码被以这种形式结构，则引导将采取边栏内部滚动的照顾，如果你需要随时添加滚动然后CSS属性overflow-y:scroll添加到ID #sidebar-wrapper

下面的CSS是我在说什么。

#sidebar-wrapper { 
    margin-left: -250px; 
    left: 250px; 
    width: 250px; 
    background: #000; 
    position: fixed; 
    height: 100%; 
    overflow-y: auto; 
    z-index: 1000; 
    transition: all 0.4s ease 0s; 
} 

JSFiddle Demo