Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)

For (pre-Chromium) Edge:
-ms-overflow-style: none;

For Firefox:
scrollbar-width: none;

You must wrap your scrollable div in another div with overflow:hidden that hides the scrollbar.

See http://jsfiddle.net/qqPcb/ for an example.

BTW: The same technique is used by a nice little jQuery plugin called jScrollPane

2019 solution

Since Firefox 64 there is a perfectly simple solution for this (working only in Firefox and Firefox mobile)

scrollbar-width: none;

Check the docs

For the comers from the post marked as duplicate, there is also MS Edge solution:

-ms-overflow-style: -ms-autohiding-scrollbar;

Related