How do I customize a scroll bar ?, Custom scroll bar?

How do I customize a scroll bar ?, Custom scroll bar?

The customization of the scroll bar often adds a lot of elegance to our projects when we do mobile web, and by adding the css Attribute-webkit-overflow-scrolling: touch; to it, it has the same effect as the bounce in the ios browser. Here, we provide a demo similar to the ios-style custom scroll bar. The Code is as follows:

1 
The effect is as follows:

Mainly used:-webkit-scrollbar (groove),:-webkit-scrollbar-thumb (drag block),:-webkit-scrollbar-track (background slot) to define the scroll bar!