<div>
/* 隐藏滚动条 */
::-webkit-scrollbar{
display: none;
}
<span>常用的css</span>
<div class="item">
<span>scroll-view的滚动条的隐藏</span>
</div>
隐藏或者设置浏览器滚动条样式
body::-webkit-scrollbar; width: 1px;height: 2px;background: #ccc;border-radius:10px; /*外层轨道*/}
body::-webkit-scrollbar-thumb {display: block;width: 6px;margin: 0 auto;border-radius:10px;background: #fff; /*内层轨道*/}
修改滚动条样式
::-webkit-scrollbar {width: 5px; /* 纵向滚动条*/height: 12px; /* 横向滚动条 *background-color: #fff;}
定义滚动条轨道 内阴影
::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #fff;}
定义滑块 内阴影
::-webkit-scrollbar-thumb {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #ddd;border-radius: 10px;}
</div>