Css 固定定位与滚动

例如，如果我有一个使用固定定位的菜单，但它大于当前窗口的高度，有没有办法允许它滚动？浏览器的默认行为是只隐藏它，而不允许您访问它

div#sidebar {
    position:fixed;
    top:30px;
    left:0;
    bottom:4px;
    width:148px;
    background-color:#d7d7d7;
}

这是我目前得到的一个片段。它需要一些JavaScript或类似的东西吗

---

编辑：我不确定这是否真的可能正确。我想要一个距文档顶部30像素的元素。我想让它滚动使用溢出：自动和高度：100%。不管我怎么做，滚动条都会被隐藏，或者div的一部分会被隐藏。

您需要将

溢出：滚动

（或

溢出：自动

）设置为该div，并将高度设置为100%。

这样可以很好地工作，但是如果设置为top:30px，滚动条将无法正确显示。我是否必须将这个div包含在另一个div中。在外部div上有固定位置，在内部div上有其他位置？是的，应该可以。在内容中设置一个内部div，在外部div中设置padding top:30px，去掉top:30px:）如果无法设置

高度：100%

（例如，在手机上展开导航栏），您只需使用

最大高度：100%

即可接受答案，因此，人们会认为它是有效的。就问题而言，答案是正确的，但就上下文而言，答案并不完美。我完全知道这一点，但仅仅因为一个问题被标记为已回答，这并不意味着讨论已经结束，否则一个问题一旦回答就会结束。