::-webkit-scrollbar{-webkit-appearance:None;}::-webkit-scrollbar:vertical{width:12px;}::-webkit-scrollbar:horizontal{Height:12px;}::-webkit-scrollbar-thumb{Background-color:rgba (0, 0, 0,. 5);Border-radius:10px;Border:2px solid #ffffff;}::-webkit-scrollbar-track{Border-radius:10px;Background-color:#ffffff; }
- ::-webkit-scrollbar scroll bar integral part
- ::-webkit-scrollbar-thumb The small box inside the scrollbar, can move up or down (or left to right, depending on whether it is a vertical scroll bar or a horizontal scroll bar)
- ::-webkit-scrollbar-track track with scroll bar (with thumb inside)
- ::-webkit-scrollbar-button scroll bar on both ends of the track button, allows you to fine-tune the position of the small square by clicking.
- ::-webkit-scrollbar-track-piece inner track, scroll bar middle section (remove)
- ::-webkit-scrollbar-corner Corner, where two scroll bars intersect
- ::-webkit-resizer A small control that is used to resize an element by dragging at the intersection of two scroll bars
Reference Address: http://www.cnblogs.com/520yang/articles/5098352.html
Scroll bar displayed on the mobile side
