修改 div 的滚动条的样式
需要用到浏览器专属的伪元素,没有万能的办法,支持的浏览器不是很多。
假设有一个(你已经)设好宽高、定好位的 div,
<div class="group-list"></div>
超出的部分要隐藏好,
.group-list {
max-height: 510px;
overflow: auto;
}
需要加上下面的样式,来修改滚动条的宽度和颜色。
.group-list::-webkit-scrollbar {
width: 4px;
}
.group-list::-webkit-scrollbar-thumb {
background-color: #d9d9d9;
}