例一
//整个滚动条
::-webkit-scrollbar {
box-sizing: border-box;
width: 6px;
background-color: transparent;
}
//滚动条上的箭头按钮
// ::-webkit-scrollbar-button {
// background-color: slateblue;
// }
//滚动条上的滚动滑块
::-webkit-scrollbar-thumb {
background-color: #49b1f5;
border-radius: 22px;
}
//滚动条轨道
::-webkit-scrollbar-track {
background-color: transparent;
}
// 滚动条没有滑块的轨道部分
::-webkit-scrollbar-track-piece {
background-color: transparent;
}
图片