当身体溢出设置为隐藏时,如何为侧面板添加滚动条?

问题描述:

这里的的jsfiddle:当身体溢出设置为隐藏时,如何为侧面板添加滚动条?

https://jsfiddle.net/stgeqjoL/

html, 
body, 
#container { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
} 

我有一个侧面板,将有很多的div选择时会做一些事情。

身体目前设置为隐藏溢出,这是使侧面板也隐藏溢出,但我希望它滚动。

我需要改变什么?

+0

为什么不加'的#container {溢出-Y:汽车}'? –

+0

因为容器是地图,并且无法打开溢出。只有底部面板应该可滚动。 – geogeogeo

+0

那么相同的想法适用,只需找到侧面板的选择器并在其中添加'overflow-y:auto' –

您需要将height值与overflow: scroll一起添加到#sidebar

尝试:

#sidebar { 
    position: absolute; 
    top: 0; 
    left: 0; 
    background: rgba(0, 0, 0, 0.85); 
    width: 350px; 
    overflow: scroll; 
    height: 100vh; 
}