仅限webkit内核的浏览器,其他浏览器不兼容
<div class="myScrollbar"></div>
.myScrollbar {
height: 320px;
overflow-y: auto;
}
/* 滚动条的样式 */
.myScrollbar::-webkit-scrollbar { /* 滚动条整体样式(宽高及背景) */
width: 4px;
height: 1px;
}
.myScrollbar::-webkit-scrollbar-thumb { /* 滚动条里面小方块(内阴影+圆角) */
border-radius: 10px;
background-color: #C1C1C1;
}
.myScrollbar::-webkit-scrollbar-track { /* 滚动条里面轨道(内阴影+圆角) */
border-radius: 2.5px;
background: #EDEDED;
}