使用滚动固定定位

Kez*_*zer 19 css

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

div#sidebar {
    position:fixed;
    top:30px;
    left:0;
    bottom:4px;
    width:148px;
    background-color:#d7d7d7;
}
Run Code Online (Sandbox Code Playgroud)

这是我目前得到的片段.是否需要一些JavaScript或类似的东西?

编辑:我不确定这是否真的可能得到纠正.我想要一个距文档顶部30个像素的元素.我想允许它使用overflow:auto和height:100%滚动.无论哪种方式,我似乎都这样做,滚动条将被隐藏,或者div的一部分将被隐藏.

Seb*_*Seb 34

您需要设置overflow:scroll(或overflow:auto)该div,并将高度设置为100%.