What this article brings to you is about CSS3 how to implement a custom scroll bar style? (code), there is a certain reference value, the need for friends can refer to, I hope to help you.
CSS3 Custom scroll bar Styles
Scroll bar composition
::-webkit-scrollbar scroll bar integral part
::-webkit-scrollbar-thumb scroll bar Slider
::-webkit-scrollbar-track scroll bar Slide track
::-webkit-scrollbar-button scroll bar both ends of button
::-webkit-scrollbar-track-piect scroll bar whole minus slider section
The CSS code is as follows:
. content{ Over-flow:auto;}. content::-webkit-scrollbar{ width:4px; Set track width}.content::-webkit-scrollbar-thumb{ border-radius:10px; Background-color: #333; -webkit-box-shadow:inset (0px,0px,5px, #555);}. content::-webkit-scrollbar-track{ border-radius:10px; Background-color: #999; -webkit-box-shadow:inset (0px,0px,5px, #555);}