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

Question

I\'d like to create a div that is able to scroll but does not display scrollbars. I have found a solution for Webkit (below) but how can this be done in other browsers?

Answer 1

For Edge:
-ms-overflow-style: none;

For Firefox:
scrollbar-width: none;

Answer 2

scrollbar-width:none

Applied to the body or the element with scroll bar.

Overflow:hidden

also disables the scrolling function (makes content not scrollable)

Answer 3

well, there`s a much more easy way! just put

    ::-webkit-scrollbar {
    width: 0px;
    height: 10px;
    }           

in your css style and you're done with!

Answer 4

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

Answer 5

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;