当身体溢出设置为隐藏时,如何为侧面板添加滚动条?
问题描述:
这里的的jsfiddle:当身体溢出设置为隐藏时,如何为侧面板添加滚动条?
https://jsfiddle.net/stgeqjoL/
html,
body,
#container {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
我有一个侧面板,将有很多的div选择时会做一些事情。
身体目前设置为隐藏溢出,这是使侧面板也隐藏溢出,但我希望它滚动。
我需要改变什么?
答
您需要将height
值与overflow: scroll
一起添加到#sidebar
。
尝试:
#sidebar {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.85);
width: 350px;
overflow: scroll;
height: 100vh;
}
为什么不加'的#container {溢出-Y:汽车}'? –
因为容器是地图,并且无法打开溢出。只有底部面板应该可滚动。 – geogeogeo
那么相同的想法适用,只需找到侧面板的选择器并在其中添加'overflow-y:auto' –