修改浏览器滚动条样式

通过css修改滚动条为类safari浏览器的样式

/*控制整个滚动条*/
::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 3px;
    background-clip: padding-box;
}

/*滚动条两端方向按钮*/
::-webkit-scrollbar-button {
    height: 0px;
}

/*滚动条中间滑动部分*/
::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}

/*滚动条右下角区域*/
::-webkit-scrollbar-corner {
    background-color: transparent;
}

修改前

Snipaste_2020-07-10_09-45-36.png

修改后

Snipaste_2020-07-10_09-45-48.png