小程序隐藏滚动条

看看电影听听歌

于 2021-09-02 09:27:28 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序 vue.js html5 css 前端

本文链接：https://blog.youkuaiyun.com/xxx_datou/article/details/120053848

5 篇文章

订阅专栏

这篇博客介绍了如何使用CSS来隐藏网页的滚动条，通过设置`::-webkit-scrollbar`的样式，将宽度、高度设为0，颜色设为透明，并显示为none，从而达到隐藏滚动条的效果，提升页面的整体视觉体验。

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

直接在全局样式或者在App.vue文件里面的样式添加下列代码

//隐藏滚动条
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}