CSS滚动条样式

（1）::-webkit-scrollbar：定义了滚动条整体的样式；

（2）::-webkit-scrollbar-thumb：滑块部分(滚动条里边的小方块，能向上/下或向左/右移动)；

（3）::-webkit-scrollbar-track：轨道部分(里边装有thumb)；

//定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

//定义滑块 内阴影+圆角
*::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50,50,50,.3);
}

//定义滚动条轨道 内阴影+圆角
*::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: rgba(50,50,50,.1);
}