开箱即用-html页面隐藏滚动条方案(兼容google+firefox+IE)

木屋x

已于 2022-08-24 18:33:52 修改

阅读量613

点赞数

分类专栏： vue 文章标签： css vue.js html

于 2020-07-28 14:21:31 首次发布

本文链接：https://blog.csdn.net/qq_34917408/article/details/107635065

版权

vue 专栏收录该内容

20 篇文章 3 订阅

订阅专栏

开箱即用-html页面去除滚动条方案(兼容google+firefox+IE)

1.业务需求：

最近在做一个vue的PC端网站项目，既然是网站那么滚动条是必须消灭的！在网上看了一些别人分享的方案，看了之后觉得大部分都不能做到很好的兼容，因此在这里分享一下自己使用的兼容方案。

2.解决方案：

前往你想要设置的页面，在css样式里进行配置（如果是H5项目，那么使用谷歌的方案即可，因为移动端浏览器几乎都是用的谷歌内核）：

	 html{
      /*兼容火狐方案（网上传的overflow:-moz-scrollbars-none;方案亲测无效）*/
        scrollbar-width: none;
      /*兼容IE*/
        -ms-overflow-style:none;
      }
      ::-webkit-scrollbar {
       /*兼容谷歌*/
        display: none;
      }