1. 什么是CSS控制滚动条样式
CSS控制滚动条样式是利用CSS来调整滚动条外观和行为的方法。它可以让开发者更灵活地控制浏览器滚动条，从而实现对用户界面风格的定制。
2. CSS可以控制滚动条样式有哪些
CSS可以控制滚动条样式，具体有以下几种：
(1) 调整滚动条的宽度：average-vertical[width], average-horizontal[width], peak-vertical[width], peak-horizontal[width]；
(2) 调整滚动条的颜色：vScrollbar-thumb-color，hScrollbar-thumb-color；
(3) 改变滚动条的行为：scrollbar-auto，scrollbar-smooth，scrollbar-click, scrollbar-thumb-click；
(4) 改变滚动条的动画：scrollbar-effect，scrollbar-time；
(5) 控制滚动条在不同状态下的外观： hScrollbar-inverse, active-scrollbar, hover-scrollbar；
(6)设置一个div的滚动条： overflow: scroll；
(7) 隐藏滚动条：overflow: hidden;
3. CSS控制滚动条的具体操作
首先要在CSS中声明滚动条的样式：
/*滚动条样式声明*/
hScrollbar-thumb-color: #464646;
vScrollbar-thumb-color: #BEBEBE;
scrollbar-auto：true;
scrollbar-smooth：true;
/*滚动条样式*/
然后可以给元素应用滚动条的样式：
/*滚动条样式应用*/
elementname{
overflow: scroll;
hScrollbar-thumb-color: #464646;
vScrollbar-thumb-color: #BEBEBE;
scrollbar-auto：true;
scrollbar-smooth：true;
}
/*滚动条样式*/
最后可以再给元素应用特定情境下改变滚动条外观的操作，比如：
/*滚动条特定形态样式应用*/
elementname: hover{
hScrollbar-thumb-color: #C0C0C0;
vScrollbar-thumb-color: #464646;
scrollbar-effect：ease;
scrollbar-time：1000;
}
/*滚动条样式*/
通过以上操作，就可以使用CSS来修饰滚动条的样式与行为。
1、使用::-webkit-scrollbar来控制滚动条样式，::-webkit-scrollbar定义滚动条的容器，并可以设置容器的宽高， 大小，以及初始位置等；
2、::-webkit-scrollbar-button表示滚动条的上下两个按钮；
3、::-webkit-scrollbar-track表示滚动条的轨道；
4、::-webkit-scrollbar-track-piece表示滚动条的轨道，里面有根据滚动条是否可以滚动的判断及指定滚动条的位置；
5、::-webkit-scrollbar-thumb表示滚动条的滑块，也可以设置它的颜色等其他样式；
6、::-webkit-scrollbar-corner表示滚动条与元素角落接触时显示的叉形图标，用于调节两个滚动条之间的位置；
7、除了上面的滚动条控制样式外，还可以设置滚动条滚动速度，斜线及滚动时间等；
8、::-webkit-scrollbar可以应用于所有浏览器实现控制滚动条样式，一般浏览器也支持它，但IE浏览器和Opera浏览器中并不支持它；
9、在CSS3中，也可以使用overflow-x和overflow-y属性来控制滚动条的显示方式，同时允许设置滚动条显示的内容、大小和位置等属性；
10、另外，CSS3中还支持另外一种滚动条样式控制方式，那就是使用scrollbar-face来定义滚动条的显示与否；
11、HTML5中也支持滚动条样式控制，使用scrollbar来定义滚动条，并可以使用color属性来设置滚动条上滑块的颜色，track属性来控制滚动条的位置，以及右端按钮样式和左端按钮样式等；
12、总的来说，使用CSS来控制滚动条样式是一件相对容易的事情，如果把这几种方式综合利用，可以让滚动条更美观、更实用。
