Wie vertikale Bildlaufleiste in bestimmten Div für alle Browser ausblenden

Question

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

Ich kann Bildlaufleiste für Chrome-Browser mit diesem Code ausblenden, aber in anderen Browsern ist es immer noch sichtbar.

Wie kann ich die Bildlaufleiste für diese spezifische div in allen Browser gleich unterdrücken?

Answer 1

Siehe unten stehende Snippet:

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