滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。
滚动条的css样式主要有三部分组成:
1、::-webkit-scrollbar 定义了滚动条整体的样式;
2、::-webkit-scrollbar-thumb 滑块部分;
3、::-webkit-scrollbar-thumb 轨道部分;
.voyageItem::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.voyageItem::-webkit-scrollbar-thumb {
background-color: #c2c2c2;
background-clip: padding-box;
}
效果图: