自定义滚动条

html,
body {
    scrollbar-face-color: #b5bdc6;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #eeeeee;
    scrollbar-3dlight-color: #eeeeee;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fff;
    scrollbar-darkshadow-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    /*滚动条颜色*/
    height: 50px;
    outline-offset: -2px;
    outline: 2px solid #353b45;
    -webkit-border-radius: 4px;
    border: 2px solid #a9a9a9;
    /*滚动条边框颜色*/
}

::-webkit-scrollbar-thumb:hover {
    background-color: #929090;
    height: 50px;
    -webkit-border-radius: 4px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    -webkit-border-radius: 0;
}
html {
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    overflow:-moz-scrollbars-none;
}