Custom Scroll Bar

Custom Scroll Bar

Want to make your website just that little bit fancier with a custom scrollbar?

To change the scrollbar across all pages on your website, add this code to the </body> section of your Webflow website project settings.

/* Width */
::-webkit-scrollbar {
 width: 10px;

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey;
 background: #f1f1f1;
 border-radius: 10px;

/* Handle */
::-webkit-scrollbar-thumb {
 background: #888;
 border-radius: 10px;

/* Handle Hover */
::-webkit-scrollbar-thumb:hover {
 background: #555;
Download Assets
See an Example Website

Other Code Snippets

Learn How to Turn More Website Traffic into Customers in Just 5 Days

Trusted by hundreds of businesses around the world.

Nice! You're in the loop. Talk soon.
Oops! Something went wrong while submitting the form.