If you think that Firefox's scrollbar is too large you have a couple of options to change it to a more appropriate size. You can for instance load the Better Scrollbars style in the Stylish add-on to reduce the size of the scrollbar in Firefox.
The style reduces the width of the horizontal and vertical toolbar to about half of the original size. That's great if you just need a few more pixels visible on the page for example without losing the scrollbar's functionality completely.
You can however go a step further and get rid of the scrollbar completely so that it is not displayed at all in Firefox. The websites that you display in the browser make use of the room in this case then.
If you do you need to use the mouse or keyboard to scroll the page. While that should not be a problem for most websites, it will cause issues on websites that block you from scrolling this way.
Take a look at the following screenshot to see how Firefox looks like without scrollbar on the right side of the browser chrome.
Let me show you how this is done. First, the hiding of the scrollbar and then second adding the scroll position indicator so that you know where you are on the page.
You will notice that the scrollbar is gone after the restart which means that you can only scroll using the mouse wheel, the middle mouse button, or the keyboard.
Scroll Progress is the add-on that we are using to add the scroll indicator to Firefox. Just install it from the Mozilla Add-ons repository and you should see the indicator in the top right corner of the screen. You can change the position to another corner in the preferences.
Here you can also modify text and background styles including the font size and weight displayed.
To restore the original functionality uninstall the extension and remove the line from the userChrome.css file.
If you like our content, and would like to help, please consider making a contribution: