达夕博客
  • 首页
  • 软件工具
    • 提高生产力
    • 数字化办公
    • 智能手机
    • 开发工具
  • 技术编程
  • 互联网
  • 关于
  1. 首页
  2. 技术编程
  3. 正文

【亲测】IE、火狐Firefox和谷歌Chrome浏览器下隐藏滚动条并且可以滚动的方法

2019年08月15日 4337点热度 0人点赞 1条评论

隐藏滚动条并且可以滚动

经过多次试验,以下这种CSS写法,可以完美支持在IE、火狐Firefox和谷歌Chrome浏览器下隐藏滚动条并且可以滚动的效果,收藏一下。

CSS
1
2
3
4
5
6
7
8
9
10
.scroll-div {
  /*隐藏滚动条,当IE下溢出,仍然可以滚动*/
  -ms-overflow-style: none;
  /*火狐下隐藏滚动条*/
  scrollbar-width: none;
}
 
.scroll-div::-webkit-scrollbar {
  display: none;
}

.scroll-div为带有滚动的元素,当然也可以换成html元素标签,这样最外层页面就可以隐藏滚动条并且可以滚动

 

以上代码在一下浏览器中测试通过:

  • Google Chrome  76+
  • Microsoft Edge
  • IE 11
  • Firefox 68+
标签: Edge Firefox Google Chrome IE 火狐 谷歌浏览器 隐藏滚动条
最后更新:2019年08月15日

达夕

保持饥渴的专注,追求最佳的品质

点赞
< 上一篇
下一篇 >

文章评论

  • 头像
    repostone

    非技术的路过。

    2019年09月12日
    回复
  • 取消回复

    最新 热点 随机
    最新 热点 随机
    Intellij Idea 2020.3.1无限试用激活补丁 PDF全能解决方案Adobe Acrobat DC 2020 SP 直装特别版 IntelliJ IDEA 开发助手插件DevHelper 1.0.2版本发布 IntelliJ IDEA 开发助手插件DevHelper发布啦,充分提高工作效率 全能数据库管理工具Navicat 15 旗舰版x64位安装激活 Redis可视化工具Redis Desktop Manager 2020.2下载 v2ray启动报code=exited, status=218/CAPABILITIES错误的解决方法 Adobe Photoshop 2020 V21.1.0.106 绿色特别版
    Windows安装版Redis Desktop Manager 2019.4下载IntelliJ Idea最新版2019.3.3激活方法PowerDesigner 16.6的安装破解资源下载Windows安装版Redis Desktop Manager 2019.5下载Adobe Photoshop 2020 V21.1.0.106 绿色特别版三步完成PowerDesigner 16.5的安装破解汉化Intellij Idea 2020.3.1无限试用激活补丁Sublime Text 3 最新版3176激活方法
    2015最后一天分享给大家一个福利: Office 365账号第三波开放申请 [亲测有效]GitLab禁用自动Nginx避免端口冲突,使用外部Nginx代理 [下载]LogViewerPro帮了我大忙,大文件编辑器 [公告]印象笔记高级帐户双十一优惠大礼包,低至四折 Google Chrome美化扩展Unsplash Instant,打造赏心悦目的标签页背景 Windows 10中新的文件管理方式:快速访问、固定文件夹、文件过滤器和文件分组 Jira+Jenkins集成,实现任务状态改变自动触发增量发布 Office2013升级到Office2016的安装过程分析(附激活)
    标签聚合
    Dropbox Google Chrome 激活 敏捷开发 IntelliJ Idea Evernote 印象笔记 Google Drive iPhone Windows 10
    推荐文章

    COPYRIGHT © 2020 达夕博客. ALL RIGHTS RESERVED.

    THEME KRATOS MADE BY VTROIS