MARKETPLACE
PLUGINS
SCROLLBAR COLORS
Scrollbar Colors logo

Scrollbar Colors

Published March 2019
   •    Updated this month

Plugin details

Change vertical and horizontal scrollbars colors or make it transparent. Also you can scroll page using xy number without reference to element.
How to use:
1- go to "Plugins" tab
2- go to "Scrollbar colors" settings
3- add setting values as per your preferences for example:

Width = 6
Track shadow color (headers) = rgba(0, 0, 0, 0)
Scrollbar color (headers) = #fece2f
Scrollbar color on hover (headers) = #e6002d
Height (headers) = 6

You can customize various parts of the scrollbar for webkit browsers only.

For more information about scrollbar customization please visit:
Https://developer.Mozilla.Org/en-us/docs/web/css/::-webkit-scrollbar

Disclaimer: this feature is non-standard and is not on a standards track. Do not use it on production sites facing the web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.


Free

For everyone

2.0 stars   •   5 ratings
1.1K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Apqio logo
Apqio
Joined 2017   •   11 Plugins
View contributor profile

Instructions

Add hex colors #000000 or for transparent colors with alpha use rgba(0, 0, 0, 0.1)  values in plugin settings.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Containers   •   Media   •   Internationalization

Resources

Support contact
Tutorial

Rating and reviews

Average rating (2.0)

Review for Scrollbar
April 2nd, 2023
Not sure yet how it works.
Hi, thank you for review Change vertical and horizontal scrollbars colors or make it transparent. Also you can scroll page using xy number without reference to element. How to use: 1- go to "Plugins" tab 2- go to "Scrollbar colors" settings 3- add setting values as per your preferences for example: Width = 6 Track shadow color (headers) = rgba(0, 0, 0, 0) Scrollbar color (headers) = #fece2f Scrollbar color on hover (headers) = #e6002d Height (headers) = 6 You can customize various parts of the scrollbar for webkit browsers only. For more information about scrollbar customization please visit: Https://developer.Mozilla.Org/en-us/docs/web/css/::-webkit-scrollbar Disclaimer: this feature is non-standard and is not on a standards track. Do not use it on production sites facing the web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future. (plugin author)
April 3rd, 2023
  •  
Apqio
não funciona
September 4th, 2021
Lack explanation or doesn't work
March 23rd, 2021
Unfortunaltely....I am unable to make it work
Good, thanks
September 1st, 2020
Good
No documentation, doesn't work
December 21st, 2019
Since there is no documentation explaining how this works or what to do to set it up, I added numbers to the mandatory fields on the plugin config page. However, this made no difference anywhere in my page. Clearly this plugin doesn't work or needs to be properly documented.
Bubble