滚动条设置

亲自测试过（chrome）：原版链接  在原版里面直接按F12去看结构和设置吧

 

其主要是：

(选择器)::-webkit-scrollbar                 // 滚动条的整体样式

(选择器)::-webkit-scrollbar-track       // 滚动条里面的轨道

(选择器)::-webkit-scrollbar-thumb    // 滚动条里面的轨道

css栗子：

 

    #style-1::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

        border-radius: 10px;

        background-color: #F5F5F5;

    }

    #style-1::-webkit-scrollbar {

        width: 12px;

        background-color: #F5F5F5;

    }

    #style-1::-webkit-scrollbar-thumb {

        border-radius: 10px;

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

        background-color: #555;

    }

 

效果：