在当前div滚动条修饰
/* 滚动条x y 轴 显示 隐藏*/
/* overflow-y: scroll;
overflow-x: hidden;
*/
/*滚动条的宽度*/
::-webkit-scrollbar {
width: 3px;
height: 3px;
}
/*外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果*/
::-webkit-scrollbar-track {
width: 2px;
background-color: #ffffff;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
background-color: #464949;
background-clip: padding-box;
min-height: 28px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/*滚动条移上去的背景*/
::-webkit-scrollbar-thumb:hover {
background-color: #fff;
}