::-webkit-scrollbar 滾動條整體部分,可以設置寬度啥的
? ?::-webkit-scrollbar-button 滾動條兩端的按鈕
? ?::-webkit-scrollbar-track 外層軌道
? ?::-webkit-scrollbar-track-piece 內層滾動槽
? ?::-webkit-scrollbar-thumb 滾動的滑塊
? ?::-webkit-scrollbar-corner 邊角
? ?::-webkit-resizer 定義右下角拖動塊的樣式
? ? */
? ? //給有滾動條的div(我的div類名是workBottom)添加如下樣式即可
? ? .workBottom::-webkit-scrollbar {
? ? ? width: 8px;
? ? }
? ? .workBottom::-webkit-scrollbar-thumb {
? ? ? border-radius: 10px;
? ? ? box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
? ? ? background: #C7DDFC;
? ? }
? ? .workBottom::-webkit-scrollbar-track {
? ? ? box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
? ? ? border-radius: 0;
? ? ? background: #C7DDFC;
? ? }
? ? .workBottom::-webkit-scrollbar-track-piece {
? ? ? background:#EFF3F8
? ? }
?