Go to homepage

Projects /

Scrollbar

A CSS-only custom scrollbar.

View Demo

How to

The Scrollbar component is a simple snippet that replaces the native scrollbar with a custom one. This snippet works only on WebKit browsers.

In the demo, we target a specific element using the .custom-scrollbar class. Alternatively, you can customize all the scrollbars using a different selector:

::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-track {
  background-color: alpha(var(--color-contrast-higher), 0);
}

/* ... */

Categories

Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.