如何在所有浏览器的特定div中隐藏垂直滚动条

Question

cssmenu::-webkit-scrollbar{display: none;}

我可以使用此代码隐藏Chrome浏览器的滚动条，但在其他浏览器中它仍然可见。

如何在所有浏览器中平均压缩此特定div的滚动条？

Answer 1

请参阅以下代码段：

＆＃13;

＆＃13;

#container1{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#container2{
    width: 100%;
    height: 99%;
    overflow: auto;
    padding-right: 15px;
}

html, body{
    height: 99%;
    overflow:hidden;
}

＆＃13;

<div id="container1"><div id="container2">
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>scrolling</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>Scrolling</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
<div>.....</div>
</div>
</div>

＆＃13;

＆＃13;

＆＃13;