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

你可能感兴趣的:(css隐藏浏览器自带的滚动条)