Comment masquer la barre de défilement verticale dans un répertoire spécifique pour tous les navigateurs

Question

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

Je peux masquer la barre de défilement du navigateur chrome en utilisant ce code mais dans d'autres navigateurs, il est toujours visible.

Comment puis-je supprimer la barre de défilement pour cette div spécifique dans tous les navigateurs?

Answer 1

Voir le dessous 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>