我是靠谱客的博主 落后花生,最近开发中收集的这篇文章主要介绍开箱即用-html页面隐藏滚动条方案(兼容google+firefox+IE)开箱即用-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; }
最后
以上就是落后花生为你收集整理的开箱即用-html页面隐藏滚动条方案(兼容google+firefox+IE)开箱即用-html页面去除滚动条方案(兼容google+firefox+IE)的全部内容,希望文章能够帮你解决开箱即用-html页面隐藏滚动条方案(兼容google+firefox+IE)开箱即用-html页面去除滚动条方案(兼容google+firefox+IE)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复