我是靠谱客的博主 落后花生,最近开发中收集的这篇文章主要介绍开箱即用-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)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(76)

评论列表共有 0 条评论

立即
投稿
返回
顶部