Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Slick Scrollbars Userstyle

Slick Scrollbars Userstyle

Replace the appalling default Windows scrollbars with these good ones.

Slick Scrollbars Userstyle Demo

They are thin and unobtrusive but by using border: 5px solid transparent they are just as easy to hit.
No need to change width on hover and reflow contents!

::-webkit-scrollbar, ::-webkit-scrollbar-corner {
height: 15px;
width: 15px;
}
::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: #bfbfbf;
border: 5px solid transparent;
border-radius: 16px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #A0A0A0;
}
::-webkit-scrollbar-track:hover {
background-color: transparent;
box-shadow: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.