侧栏溢出-y仅在屏幕太小而无法查看整个侧栏时触发

Question

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

我已尝试制作侧面导航并将其设置为overflow-y:scroll;，但如果我这样做，它会不断显示滚动条，无论是否需要，所以最终会像下面这张图片一样显示它。

知道如何实现这一点，以便它像上面的网站一样？ - 我在这里http://jsfiddle.net/zRvRQ/1/

提出了一个问题

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

Answer 1

我刚刚看了你的video 首先，您的侧导航应该是fixed，因此不会滚动内容 接下来，overflow必须为auto。这意味着，当列表需要滚动时，滚动条才会出现 我为你创造了一个小例子：
Codepen Demo

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

PS：如果您还想为sidenav设置自定义滚动条，请查看this article