1

我正在尝试实现一个类似THIS SITE的侧边栏（左侧的黑色侧边栏，使您的浏览器窗口变小以触发它）。当overflow-y:scroll;没有足够的浏览器空间来查看sidenav的整个长度时，唯一似乎有效。

我试过制作一个侧面导航并设置它，overflow-y:scroll;但如果我这样做，它会不断显示滚动条，无论是否需要，所以你最终会得到它，如下图所示..

知道如何实现这一点，使其像上面的网站一样工作吗？- 我在这里提出了问题的 jsfiddle http://jsfiddle.net/zRvRQ/1/

这里还有一个示例网站的截屏视频 - 如果您无法加载它 - http://www.youtube.com/watch?v=fI7SFCUnq98&feature=youtu.be

滚动条

4

1 回答 1

1

我刚看了你的视频。
首先，你的侧导航应该是fixed，所以它不会随着内容滚动。
接下来overflow必须auto。这意味着，滚动条仅在列表需要滚动时出现。
我为你创建了一个小例子：
Codepen Demo

希望现在我走在正确的轨道上。

PS：如果你还想为你的 sidenav 自定义滚动条，看看这篇文章

于 2013-09-03T10:52:05.840 回答