Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to hide scrollbar in Firefox?

Tags:

css

firefox

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 work on Firefox. I tried many ways to do it but it still doesn't work.

like image 423
Daan Kleijngeld Avatar asked Jan 08 '14 13:01

Daan Kleijngeld


People also ask

How do I hide the scroll bar in Firefox?

The Best Answer is 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.

Can you hide the scrollbar?

To hide the scrollbar and disable scrolling, we can use the CSS overflow property. This property determines what to do with content that extends beyond the boundaries of its container. To prevent scrolling with this property, just apply the rule overflow: hidden to the body (for the entire page) or a container element.


1 Answers

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; } 
like image 163
George Flint Avatar answered Oct 01 '22 17:10

George Flint