Scrollbar ausblenden, aber immer noch in Firefox scrollen können

Question

Ich habe ein Problem beim Verstecken der Bildlaufleiste auf meiner Seite, aber ich möchte immer noch scrollen können.

Ich weiß, ich

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

verwenden können, aber seine offensichtlich nicht funktioniert auf Firefox oder anderen nicht-Webkit-Browsern.

Ich habe viele Threads gelesen, die erklären, wie ich das erreichen kann, aber ich kann es einfach nicht zum Laufen bringen.

Kann mir jemand dabei helfen?

Website: http://test.6f.sk/

Answer 1

html { 
    overflow: -moz-scrollbars-none; 
} 

oder ein anderes Element in dem Sie Bildlaufleisten

Answer 2

Die beste Antwort, die ich kenne, deaktivieren wollen, ist nur die Bildlaufleisten-Ansicht aus der Position:

.crop { 
 
    width: 300px; 
 
    overflow-x: hidden; 
 
} 
 

 
.scroller { 
 
    width: 300px; 
 
    height: 200px; 
 
    overflow-y: scroll; 
 
    
 
    /* Must be ≥ scrollbar width. Scrollbar width varies by 
 
    * browser, OS, and config, so don't be precise, choose 
 
    * something wider than any scrollbar. 
 
    */ 
 
    padding-right: 50px; 
 
}

<div class="crop"> 
 
    <div class="scroller"> 
 
    1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br> 
 
    11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br> 
 
    </div> 
 
</div>

Beachten Sie auch, dass ::-webkit-scrollbar { display: none; } fehlerhaftes Verhalten in Safari (aktuelle Version 11.0.1) verursacht, wenn eine horizontale Bildlaufleiste auf einer Seite mit aktivierter Schaltfläche Zurück ausgeblendet wird.