/*
* 功能:全局滚动条的样式
* 描述:重新定义默认的滚动条的样式,变的更加的扁平化
* 创建日期:2017-01-10
* 更新日期:2017-01-10
*/
::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-button:vertical {
display: none;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
/*background-color: #e2e2e2;*/
}
::-webkit-scrollbar-track {
border-radius: 5px;
}
::-webkit-scrollbar-track-piece {
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .3);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color: rgba(0, 0, 0, .25);
}
::-webkit-scrollbar-thumb:vertical:active {
background-color: rgba(0, 0, 0, .35);
}