::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

直接上代码，不讲解。

这些网上都可以查的到。

我这里分享的代码，基本是我用得到的，分享到这里，方便以后复制粘贴。

参考网址：https://css-tricks.com/custom-scrollbars-in-webkit/

效果图：

 

html代码：

    
                  
      
        
       
1
        
       
2
        
       
3
        
       
4
        
       
5
        
       
6
        
       
7
        
       
8
        
       
9
        
       
10
        
       
11
        
       
12
        
       
13
        
       
14
        
       
15
        
       
16
        
       
17
        
       
18
        
       
19
        
       
20
    
      
    
      
        
       
这里不能被选择
        
       
ppp1
        
       
ppp2
        
       
ppp3
        
       
ppp4
        
       
ppp5
        
       
ppp6
        
       
ppp7
        
       
ppp8
        
       
ppp9
        
       
ppp10