Guide: Customize Firefox Scrollbar: Tips and Tutorial
The Firefox scroll bar on the right side of your page isn’t something you can customize much with the browser options. However, with a few add-ons you can transform the scroll bar. NewScrollbars, Yet another smooth scrolling and Scroll up are three add-ons that allow you to refresh the Firefox scroll bar.
Customize the Firefox scrollbar with NewScrollbars
First, add NewScrollbars to Firefox from the add-on’s page on the Mozilla site. This extension allows you to add colored scroll bars to the browser. Click Open menu, Add-ons and press Options button next to NewScrollbars to open the window directly below.
Now select the predefined radio button on that window. Then click the Predefined Scroll Bars drop-down menu to open a list of scroll bar color schemes to choose from. Select one from there to add the new color scheme to the scroll bar as shown below.
So now you have a slider with a more rounded slider and a new set of colors. That’s a quick way to tweak it, but to tweak the slider further click the customizable v1 radio button. Click the color palette in the Customizable Sliders v1 (Noia style) box. Then you can choose several alternative colors for the slider. Just below that color palette is a text box that allows you to adjust the width of the scroll bar. Enter a value in that box to adjust the width of the bar. For example, entering a higher value there increases the width of the scroll bar, as shown in the snapshot directly below.
To adjust the scroll bars without the Noia style, click the Customizable v2 option. That will change the slider to something like the screenshot directly below. Then you can further customize the slider with the customizable sliders v2 settings.
There is a wider variety of color options to choose from under the customizable sliders v2 settings. There you can, for example, select alternative colors for the scroll bar button by pressing it Button color palette box. Click the Background Colors palette to choose a new color for the bar background. There are also Thumb (Hover) and Button (Hover) palettes that allow you to change the colors of the slider slider and buttons when the cursor moves over it. To adjust the edge of the slider, enter a value in the Thumb Edge Radius text box. For example, if you enter ‘1’ in that box, you will get a square slider. However, if you enter ’10’ in that box, the slider will have more rounded edges. Scroll bar background as a line is another option you can select. That adds a line to the scrollbar background when you select it, as shown in the snapshot directly below. You can adjust the line color using the Background Colors palette.
In addition, the add-on has options that allow you to remove the scroll bar or its associated buttons from Firefox with. Click on the No radio button to remove the scroll bar completely. Or you can select Hide the slider buttons to remove the scroll bar buttons instead. When you’re done customizing the add-on slider, click OK at the bottom of the window. Then restart Firefox for the changes to take effect. Press Help for more information about extensions button bottom left of the NewScrollbars window.
Move the scroll bar to the left of the Firefox window
One thing you can’t do with NewScrollbars is move the scroll bar to the left of the browser window. However, a quick about: config edit will fix the trick. Enter about: config in Firefox’s address bar to open the page below, then scroll to the layout.scrollbar.side setting.
Double-click layout.scrollbar.side to open the Enter Integer Value window. Then enter the value ‘3’ in the text box and press OK button to close the window. When you restart Firefox, you will see the scroll bar is on the left side of the window as below.
Adjust Firefox page scroll speeds with yet another smooth scrolling
There are a few add-ons that allow you to adjust the scrolling speeds of the Firefox scroll bar. One of them is Yet Another Smooth Scrolling that allows you to configure both the mouse wheel and keyboard. Check out the Mozilla page to add this Firefox. Then click the Open menu button, Add-ons, Extensions and Options next to Yet Another Smooth Scrolling extension to open the window directly below.
The main tab in that window contains three color tabs (red, green, and blue) for you to set up up alternate scrollbar speeds with. Then you can select one of those scrollbar presets from the Firefox context menu. All tabs contain four drag bars for step size, smoothness (advance), smoothness and acceleration sensitivity. To adjust the scroll speed of the mouse wheel, select that tab and drag the Step Size bar further to the right or left. This is the bar that most affects scrolling speed, as it effectively increases or decreases the distance of each scroll step. So, if you drag the bar further to the right, you increase the page scrolling speed. The smoothness bars don’t really adjust the page scrolling speed. Dragging those bars further to the right increases scrolling smoothness. However, the acceleration sensitivity bar increases the speed of the slider when it is dragged to the right. That effectively increases the step size when you move the mouse wheel quickly. The Keyboard tab contains exactly the same bars. So you can adjust the scroll speeds for the keys in the same way. The changes take effect immediately, but don’t forget to select the preset color from the Firefox context menu by right-clicking on any page as below.
Add a new Scroll to Top Button to the scroll bar
To add a handy new button to the scroll bar of Firefox, view the extension Scroll up on this page. This adds one button to the scroll bar that you can press to quickly jump to the top or bottom of the page. If you’ve added Scroll To Top to Firefox, open a longer web page in the browser. The scroll bar contains a new button next to it as shown below.
If you are on or near the top of the page, you can press that button to jump right to the bottom of it. You can also scroll to the bottom of the page and click on it. The slider immediately jumps up again. Move the cursor over it button and then click the gear icon to open the Scroll to Top – Settings tab below. That includes vertical and horizontal location options for the button. For example, click the Top vertical location option to view it button to the top of the scroll bar.
You can also do it button arrows. Select Duel Arrow to add a double arrow button to it. Press Show more settings to expand the arrow buttons as below. Then you can choose different arrow icons for the button.
These are some of the best add-ons for customizing the Firefox scroll bar. Allows you to completely refresh the color scheme of the slider, increase or decrease the width, configure the edges of the slider, adjust the page scroll speeds and add a convenient jump up / down button to the scroll bar.
Customize Firefox Scrollbar: Tips and Tutorial: benefits
Faq
Final note
I hope you like the guide Customize Firefox Scrollbar: Tips and Tutorial. In case if you have any query regards this article you may ask us. Also, please share your love by sharing this article with your friends. For our visitors: If you have any queries regards the Customize Firefox Scrollbar: Tips and Tutorial, then please ask us through the comment section below or directly contact us. Education: This guide or tutorial is just for educational purposes. Misinformation: If you want to correct any misinformation about the guide “Customize Firefox Scrollbar: Tips and Tutorial”, then kindly contact us. Want to add an alternate method: If anyone wants to add more methods to the guide Customize Firefox Scrollbar: Tips and Tutorial, then kindly contact us. Our Contact: Kindly use our contact page regards any help. You may also use our social and accounts by following us on Whatsapp, Facebook, and Twitter for your questions. We always love to help you. We answer your questions within 24-48 hours (Weekend off). Channel: If you want the latest software updates and discussion about any software in your pocket, then here is our Telegram channel.
