Hide scrollbar, but still be able to scroll on Firefox

I have a problem hiding the scrollbar on my page but I still want to be able to scroll.

I know I can use

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

, but its obviously not working on Firefox or other non-webkit browsers.

Ive read a lot of threads explaining how can I accomplish this, but i just cant get it to work.

Can someone help me with this?

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


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

或者你想禁用滚动条的任何其他元素


我所知道的最佳答案是将滚动条放在视图外面:

.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>
链接地址: http://www.djcxy.com/p/88120.html

上一篇: Javascript / Ionic3溢出:Firefox中的隐藏禁用滚动

下一篇: 隐藏滚动条,但仍然可以在Firefox上滚动