Scrollbars are an essential part of every modern web browser due to the sheer amount of window sizes that browser's support. If a website cannot be displayed fully on the screen because it is larger than the window or screen size, scrollbars are usually displayed to take that into account and provide users with options to access all contents of the site with the input device of choice.
The scrollbar in addition can help with orientation on a website, as you know where you are in relation to the top and bottom of the page (and left and right).
Despite being essential, scrollbar styles have not really changed in recent time. That does not mean that you cannot modify how the scrollbar looks like in your browser of choice, only that you need to either use extensions to modify its style and size, or CSS styles directly.
Rescroller for Google Chrome provides you with detailed scrollbar customization options. It allows you to modify the following parameters:
The extension will override all scrollbars, even those that use custom styles, unless you have added a website to the blacklist.
Rescroller for Google Chrome requests access to all sites that are opened in the browser; that is reasonable as it needs to modify the scrollbar on these sites and could not do so otherwise.
You can click on the extension icon at any time to open the configuration of the extension. It takes just a couple of clicks to change the size of the scrollbar or the color scheme that is used.
Note that the scrollbar's size applies to both scrollbars (vertical and horizontal). As far as colors are concerned: you can change the color of the slider handle and background of the scrollbar, and even apply images to them if you prefer that over solid colors.
Rescroller offers options to set custom shadows and borders, and enable rounded corners if you prefer that. You may also enable custom styles for hover or click operations (both for the slider and background), and enable scroll buttons.
Google Chrome does not display scroll buttons anymore whereas other browsers like Firefox do. If you are used to scroll buttons you can add them to the Chrome scrollbars to use them just like in other browsers.
Experienced users may unlock the custom CSS option to write CSS directly to override all options using custom styles and make even more detailed modifications.
You can add sites to a blacklist that Rescroller maintains to disable the custom scrollbars on these sites. May be useful if you want to use the standard Chrome scrollbar on these sites, for instance when the sites don't work properly with custom scrollbars.
The Rescroller extension leaves little to be desired. It enables you to remove scrollbars completely if you want to, or modify them to your liking. The extension is easy to configure and if something goes wrong, all you have to do is click on the reset formatting button to start anew.Advertisement
Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.
We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.
If you like our content, and would like to help, please consider making a contribution:
Ghacks is a technology news blog that was founded in 2005 by Martin Brinkmann. It has since then become one of the most popular tech news sites on the Internet with five authors and regular contributions from freelance writers.