css 修改scrollbar样式

1,059 阅读1分钟

 滚动条从外观来看是由两部分组成: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;
}