css:
.stockRanking::-webkit-scrollbar{ width:1px; background:#000; /*外层轨道*/}
.stockRanking::-webkit-scrollbar-thumb{ display:block; width:1px; margin:0 auto; background: #F0F3EF;/*内层轨道*/}
html:
<div class="stockRanking" style="overflow: auto;" >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
<div >商品名称</div >
</div>
这里是引用 https://zhidao.baidu.com/question/751454776548850204.html