快速修改CSS滚动条样式
通过下面的代码,如有需要更改类名,直接复制css样式代码,可直接修改css滚动条样式
<div class="scorll">
内容
</div>
.scorll{
overflow-y: scroll;
overflow-x: hidden;
}
.scorll::-webkit-scrollbar {
width: 3px; //滚动条宽度
}
.scorll::-webkit-scrollbar-thumb { //上层
border-radius: 10px; //滚动条圆弧半径
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); //滚动条阴影
background: rgba(0, 0, 0, 0.2); //背景颜色
}
.scorll::-webkit-scrollbar-track { //底层
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}