css隐藏浏览器自带的滚动条

webkit

::-webkit-scrollbar 滚动条整体，可以设置宽度等①
::-webkit-scrollbar-button 滚动条两端的按钮②
::-webkit-scrollbar-track 外层轨道③
::-webkit-scrollbar-track-piece 内层滚动槽④
::-webkit-scrollbar-thumb 滚动的滑块⑤
::-webkit-scrollbar-corner 边角⑥
::-webkit-resizer 下角拖动块的样式⑦

IE

.scrollbar {
}

取消/隐藏滚动条

scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

注意：当要隐藏滚动条的时候，最好将 overflow 显示设置为 auto 或者 scroll ，保证内容是可滚动的。

https://cloud.tencent.com/developer/article/1537366