滾動條從外觀來看是由兩部分組成：
1榴鼎，可以滑動的部分，我們叫它滑塊
2晚唇，滾動條的軌道巫财，即滑塊的軌道，一般來說滑塊的顏色比軌道的顏色深哩陕。
滾動條的css樣式主要有三部分組成：
1平项、::-webkit-scrollbar 定義了滾動條整體的樣式；
2悍及、::-webkit-scrollbar-thumb 滑塊部分闽瓢；
3、::-webkit-scrollbar-thumb 軌道部分心赶；
透明滾動條
::-webkit-scrollbar {
width: 10px;
height: 100px;
}
::-webkit-scrollbar-thumb{
border-radius: 1em;
background-color: rgba(50,50,50,.3);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
// background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); /*圖片軌道*/
}
::-webkit-scrollbar-track{
border-radius: 1em;
background-color: rgba(50,50,50,.1);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
