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

Question

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

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

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

Answer 1

看到下面的代码片段：

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

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

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

<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>