滾動條樣式

.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語法要拆分。