mozilla Firefoxのスクロールバーを隠す

Question

私はWebアプリケーションを作っています.Mozilla Firefoxのメニューのスクロールバーを取り除くことはできません。 Firefoxを除いてテストしたすべてのブラウザで完全に動作します。

ここではスクロールに使用するCSSがありますが、これまでのところChrome、IE、Edge、Operaで動作しますが、Firefoxでは動作しません。

.main-sidebar{ 
     position:fixed 
    } 

    .bar{ 
     max-height: 400px; 
     overflow-y: scroll; 
    } 
    .bar::-webkit-scrollbar { 
     display: none; 
    } 

    .bar { 
     -ms-overflow-style: none; 
     overflow:hidden; 
    } 


    html { 
     overflow: scroll; 
     overflow-x: hidden; 
    } 
    ::-webkit-scrollbar { 
     width: 0px; /* remove scrollbar space */ 
     background: transparent; /* optional: just make scrollbar invisible */ 
    } 

.barここで、スクロールを非表示にするdivのクラスです。メニューはうまくスクロールしますが、Firefoxでは隠されていません。 考えていますか？

Answer 1

あなたのWebKit-スクロールバーでこれを試してみてください。それが動作するはずです

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

。