Skip to content

Instantly share code, notes, and snippets.

@humayunahmed8

humayunahmed8/design-scrollbar.css

Created March 23, 2023 10:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save humayunahmed8/91ccf56f08509a4aa5a4c40def28591b to your computer and use it in GitHub Desktop.
Save humayunahmed8/91ccf56f08509a4aa5a4c40def28591b to your computer and use it in GitHub Desktop.
Download ZIP
How to design scrollbar with CSS
Raw
design-scrollbar.css
/*======= Notebook =======*/
.note-book-wrapper {
max-height: 710px;
overflow-y: scroll;
}
.note-book-wrapper::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent;
}
.note-book-wrapper::-webkit-scrollbar {
width: 8px;
border-radius: 3px;
background-color: var(--color-off-white);
}
.note-book-wrapper::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: var(--color-soft-white-4);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment