滚动条样式

.scrollBarStyle {
    &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
    }

    &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 50px;
        box-shadow: inset 0 0 0 4px #464646;
        border: 2px solid transparent;
    }

    &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        display: block;
        background: rgba(0, 0, 0, .1);
    }

    &::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
    }
}

1.给你需要的设置滚动条样式的div添加一个class:scrollBarStyle;

2.直接复制到你的样式文件里面

注意：本样式是（sass / less）语法，如果你用的是纯css语法要拆分。