除火狐以外的浏览器 都兼容
/* webkit */
*::-webkit-scrollbar{
/*滚动条整体样式*/
width : 5px ; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
*::-webkit-scrollbar-thumb{
/*滚动条里面小方块*/
min-height: 25px;
border-radius: 3px;
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : rgba(83,83, 83, 0.3);
transition: all .2s;
}
*::-webkit-scrollbar-track{
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background: rgba(237,237,237, 0.3);
}
/* all */
::-webkit-scrollbar,::-ms-scrollbar,::-moz-scrollbar {
/*滚动条整体样式*/
width : 5px ; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
::-webkit-scrollbar-thumb,::-ms-scrollbar-thumb,::-moz-scrollbar-thumb {
/*滚动条里面小方块*/
min-height: 25px;
border-radius: 3px;
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : rgba(83,83, 83, 0.3);
transition: all .2s;
}
::-webkit-scrollbar-track,::-ms-scrollbar-track,::-moz-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background: rgba(237,237,237, 0.3);
}