前端html css 样式滚动条隐藏

139 阅读 0 评论 92 点赞

我是靠谱客的博主忐忑鞋垫，这篇文章主要介绍前端html css 样式滚动条隐藏，现在分享给大家，希望可以做个参考。

今天遇到了滚动条无法隐藏的问题，本人前端是非常差的那种，在百度上找了很多的教程都无法实现滚动条隐藏效果。
比如：在滚动条的容器上在套一层然后给它加上overflow:hidden; 样式无一例外都没用，最后还是在稀土掘金上找到了答案：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
::-webkit-scrollbar使用自定义滚动条的伪对象选择器
::-webkit-scrollbar设置隐藏滚动条
.container {
width: 350px;
height: 600px;
overflow-y: scroll;
margin: 30px auto;
}
.container::-webkit-scrollbar {
display: none;
}

感谢这位大佬的文章：
https://juejin.cn/post/6914306537951494151