How can I make the scroll thumb always visible?

Question

Does anyone know how to make the scroll thumb always visible? overflow: scroll only shows the tracks. I am currently using react if that changes anything.

Answer 1

You can customize the scrollbar thumb for the webkit browsers so the the scroll thumb will have a custom style and it will be always visible. You can use the following CSS pseudo selectors -

::-webkit-scrollbar
::-webkit-scrollbar-thumb

You can check this guide for more details.