css3设置滚动条样式

.my-scroll::-webkit-scrollbar { /滚动条整体样式/
width: 5px; /高宽分别对应横竖滚动条的尺寸/
height: 1px;
}

.my-scroll::-webkit-scrollbar-thumb { /滚动条里面小方块/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ccc;/滚动条颜色/
}

.my-scroll::-webkit-scrollbar-track { /滚动条里面轨道/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}

使用方法，需要加滚动条的div（模块）上加 class="my-scroll"