设置css滚动条的样式
/*全球部署滚动条*
:-webkit-scrollbar {
width: 3px！ 导入；
height: 3px！ 导入；
}
:-WebKit-scroll bar-thumb {
border-radius: 10px；
width: 1px；
背景： rgba 65255、255、255、0.5；
}
:3360-WebKit-scroll bar-track {
box-shadow : inset 05 px rgba (0，0，0，0.2 )；
border-radius: 10px；
背景： rgba (57、177、255、0.16；
}
先看效果图
附加效果图代码：
1 .样式部分
斯泰尔斯
/*滚动条样式(明亮的保温杯和背景) /
:-webkit-scrollbar {
width: 6px； /*滚动条宽度，width :与纵向滚动条对应的宽度height :与横向滚动条对应的高度*
后台： # 007 Acc；
}
/*定义滚动条的轨道(凹槽)样式) /
:3360-WebKit-scroll bar-track {
- WebKit-box-shadow : inset 006 px rgba (0，0，0.3 )； /*不太使用*
border-radius: 3px；
}
/*定义滑块样式*
:-WebKit-scroll bar-thumb {
border-radius: 3px；
height: 100px； /*滚动条滑块长度*
背景色： # CCC；
}
/style
2 .主体部分
div style='height: 200px； overflow-y: scroll； background: #52cc8f；'
11111111
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
p 11111111111111111111111111111111/p
/div
最后，总结滚动条的组成部分。 通常设定前三个。
3358 www.Sina.com/http://www.Sina.com//http://www.Sina.com /可以向上移动(或横向滚动条可以向左移动) http://www.Sina.com 单击与上图3358ww相对应的滚动条滑块(:3360-WebKit-scroll bar-button滚动条轨道两端的按钮， 通过单击要微调小框位置的33603360-WebKit-scroll bar-corner角，也就是说，两个滚动条的交叉点：3360-WebKit-scroll bar-track-track 滚动条中部：-webkit-resizer中两个滚动条交叉点上的拖动调整元素大小的小控件