Good evening everybody.
I need to realize a scrollbar like the one shown in the picture.
I did not find any CSS or JS script to make that happens. Anybody faced this same request?
Thanks
EDIT: After a long search, I found this solution. It looks fine, with some CSS adjustments. https://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html
2
Answers
The reason you cannot find such pure css examples is that the thumb size is usually just as large as the overall width of the scollbar. With pure css you can try to hide the background and leave only the thumb, but this would eliminate the black bar(shown on the picture). You may take a look at this project: custom Scroll-Bar on a div element in Angular 2.0 CLI project?
don’t say something is not possible in CSS before you try gradients