CSS-滾動條樣式

#unit1 {
    width: 100%;
    overflow: hidden;
}
#unit1::-webkit-scrollbar {/*滾動條整體樣式*/
    width: 5px;     /*高寬分別對應橫豎滾動條的尺寸*/
    height: 5px;
}
#unit1::-webkit-scrollbar-thumb {/*滾動條里面小方塊*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
#unit1::-webkit-scrollbar-track {/*滾動條里面軌道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}

 參考鏈接：https://www.cnblogs.com/yclblog/p/6806496.html