vue移动端项目中想要隐藏滚动条该如何设置？

weixin_45261845

于 2021-04-24 02:20:24 发布

阅读量937

点赞数

分类专栏：前端文章标签： vue

版权

10 篇文章

订阅专栏

本文介绍了如何使用CSS隐藏HTML和body的滚动条，并展示了如何隐藏特定容器内部的水平滚动条。通过设置`::-webkit-scrollbar`伪元素的宽度为0，可以实现滚动条的隐藏，从而达到页面简洁的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html,body{
widthL100%;
height:100%;
overflow:scroll;
}
body{
margin:0;
}
html::-webkit-scrollbar,body::-webkit-scrollbar{
width:0px;
height:0px;
}

直接在容器上添加伪元素，如下：

容器元素::-webkit-scrollbar{
	display:none;

}