css自定義滾動條

某個div(class="box")，設置了它的屬性overflow: scroll。溢出部分會以滾動的形式顯示。這時，可以對這個div設置這部分的滾動條的樣式了。

.box::-webkit-scrollbar {
    width: 6px;
    height: 200px;
}

/*滾動條滑塊*/
.box::-webkit-scrollbar-thumb {
    /*滾動條里面小方塊*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px #d8d8d8;
    background: #535353;
}

/*滾動條軌道*/
.box::-webkit-scrollbar-track {
    /*滾動條里面軌道*/
    box-shadow: inset 0 0 5px #d8d8d8;
    border-radius: 10px;
    background: #ededed;
}