滚动条样式

overflow-y: scroll;
&::-webkit-scrollbar {
   width: 3px;
}
&::-webkit-scrollbar-thumb {
   background: #94bfff;
   border-radius: 10px;
}
&::-webkit-scrollbar-track-piece {
   background: #f2f3f5;
}

在webkit下面的CSS设置滚动条主要是有7个属性，具体介绍如下：

1、::-webkit-scrollbar 滚动条整体部分，能够设置宽度等

2、::-webkit-scrollbar-button 滚动条两端的按钮

3、::-webkit-scrollbar-track  外层轨道

4、::-webkit-scrollbar-track-piece  内层滚动槽

5、::-webkit-scrollbar-thumb 滚动的滑块

6、::-webkit-scrollbar-corner 边角

7、::-webkit-resizer 定义右下角拖动块的样式