方法:
类名 + ::-webkit-scrollbar
比如我这里的类名是.scrolly,这个类名是给出现滚动条的父盒子设置的
/* 设置整个滚动条 */
.scrolly::-webkit-scrollbar {
width: 5px;
}
/* 设置滚动条中 拖动的块 */
.scrolly::-webkit-scrollbar-thumb{
background: #0f5260;
border-radius: 10px;
}
/* 设置滚动条中 整个滚动距离 */
.scrolly::-webkit-scrollbar-track{
background: transparent;
}
页面效果: