How to hide scrollbar in Firefox?

css firefox

Daan Kleijngeld · Jan 8, 2014 · Viewed 158k times · Source

I just found out how to hide the scrollbar in Google Chrome, I did it with this code:

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

The only problem is that this doesn't works on Firefox. Tried many ways to do is but still it doesn't work.

Answer

You can use the scrollbar-width rule. You can scrollbar-width: none; to hide the scrollbar in Firefox and still be able to scroll freely.

body {
   scrollbar-width: none;
}