使用Bootstrap的可滚动侧边栏

Question

我目前在H1Z1Atlas.com网站上工作，我遇到一个问题，当侧边栏内容超出页面时，侧边栏没有可滚动条，导致内容无法显示。

我在页面上使用twitter引导程序导航栏是否有任何简单的方法可以获得动态滚动条？

http://i.imgur.com/bA21Txi.png

这是图片的链接。有更多的图层行，但是当屏幕尺寸变小时，它们就会消失而不是显示侧边栏。由于angular.js，html有点令人困惑，因此很难正确显示

修改：我希望侧边栏与此页面https://material.angularjs.org/#/相同，您可以在其中滚动内容

Answer 1

如果没有一些代码，很难提出任何建议。但是你说你正在使用twitter bootstrap所以我建议做以下事情，我希望它能解决你的问题。

#sidebar-wrapper{
 overflow: auto;
}

祝你好运。

如果只需要垂直滚动，那就是：

#sidebar-wrapper{
 overflow-y: auto;
}

Answer 2

要使溢出Y样式起作用，您必须将高度设置为px或％。否则div仍然隐藏在视图之外。

#sidebar-wrapper{
 overflow-y: auto;
 height: 500px;
 width: 295px;
}