H5自定義滾動條

實現效果如圖所示：

 

 

<div class="mess-rul test">
    <div class="messge-title">規則</div>
    <div class="messge-detail">某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某</div>
</div>


.test::-webkit-scrollbar {/*滾動條整體樣式*/
    width: 9px;
    height: 208px;
    background-color: #FFD07F;
}
.test::-webkit-scrollbar-thumb {/*滾動條整體樣式*/
    background-color: #FFD07F;
    border-radius: 5px;
}
.test::-webkit-scrollbar-track {/*滾動條里面軌道*/
    background: #FFF5C2;
}

test 放在需要滾動的內容的標簽里