使用Bootstrap滚动侧边栏



我目前在H1Z1Atlas.com网站上工作,我遇到了一个问题,当侧边栏内容延伸到页面之外时,侧边栏没有滚动条,导致内容无法显示。

我在页面上也使用了twitter引导导航栏。有什么简单的方法可以获得动态滚动条吗?

https://i.stack.imgur.com/z5Wb5.jpg

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

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

如果没有一些代码,很难提出任何建议。但你说你正在使用twitter引导程序,所以我建议你做以下操作,我希望它能解决你的问题。

#sidebar-wrapper{
 overflow: auto;
}

祝你好运。

如果只需要垂直滚动,那将是:

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

要使overflow-y样式工作,必须以px或%为单位设置高度。否则div将隐藏在视图之外。

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

最新更新