前端开发demo：修改滚动条样式实例

代码如下：
 

.scroll-dif {
    overflow-x: auto;
}
/*滚动条整体样式*/
.scroll-dif::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0);
    border-radius: 3px;
    background-color: #fff;
}
.scroll-dif::-webkit-scrollbar {/*高宽分别对应横竖滚动条的尺寸*/
    width: 9px;
    background-color: #F5F5F5;
}
.scroll-dif::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(248, 248, 249, .2);
}
.scroll-dif::-webkit-scrollbar-corner {
    background-color: #F5F5F5;
}