移動端設置滾動后顯示滾動條

::-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 滾動條整體部分

::-webkit-scrollbar-thumb  滾動條里面的小方塊，能向上向下移動（或往左往右移動，取決於是垂直滾動條還是水平滾動條）

::-webkit-scrollbar-track  滾動條的軌道（里面裝有Thumb）

::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕，允許通過點擊微調小方塊的位置。

::-webkit-scrollbar-track-piece 內層軌道，滾動條中間部分（除去）

::-webkit-scrollbar-corner 邊角，即兩個滾動條的交匯處

::-webkit-resizer 兩個滾動條的交匯處上用於通過拖動調整元素大小的小控件