如何隱藏所有瀏覽器的特定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>