通过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
