.container{
&::-webkit-scrollbar { //整个滚动条的宽高设置
width: 8px; //宽高只有一个能生效,如果是横向滚动条高度生效,纵向滚动条宽度生效
height: 8px;
}
&::-webkit-scrollbar-thumb { //滚动条滑块的设置
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #c3c3c3;
}
&::-webkit-scrollbar-track { //滚动条轨道设置
background-color: transparent;
}
}
注意:滚动条设置的width、height,分别是对应纵向滚动条 宽度、横向滚动条 高度,无法修改纵向滚动条高度、横向滚动条宽度数值
注意:纵向滚动条滑块的高度无法修改,滑块宽度可以由webkit-scrollbar
设置