CSS Custom Scrollbar Styling
Style scrollbars using CSS scrollbar-width and webkit pseudo-elements for consistent cross-browser visual design.
Code
.scroll-area {
scrollbar-width: thin;
scrollbar-color: #4f46e5 transparent;
}
.scroll-area::-webkit-scrollbar {
width: 8px;
}
.scroll-area::-webkit-scrollbar-thumb {
background: #4f46e5;
border-radius: 4px;
}Report a problem with this exampleOpens a pre-filled issue on GitHub.