css通過滾動條偽類來修改滾動條樣式，偽類名稱如下
::-webkit-scrollbar 滾動條整體部分
::-webkit-scrollbar-track 滾動條軌道（里面裝有滑塊 thumb）
::-webkit-scrollbar-thumb 滾動條滑塊
::-webkit-scrollbar-button 滾動條軌道兩端按鈕
::-webkit-scrollbar-track-piece 內層軌道，滾動條中間部分
::-webkit-scrollbar-corner 邊角，即兩個滾動條的交匯處
::-webkit-resizer 兩個滾動條的交匯處上用于通過拖動調整元素大小的小控件
修改滾動條樣式一般情況下只需要修改::-webkit-scrollbar滾動條的整體寬度和::-webkit-scrollbar-thumb滑塊樣式這兩個即可，其他樣式可以根據需求添加
::-webkit-scrollbar {width: 6px;
}::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #d3d3d3;
}
滾動條是偽類樣式，不添加css選擇器時，作用在全局上。
)
