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

开箱即用-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;
        }