请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

如何使用CSS隐藏滚动条?

1
回复
2197
查看
[复制链接]

7

主题

23

帖子

94

积分

注册会员

Rank: 2

积分
94
2020-2-23 20:20:13 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如何使用CSS隐藏滚动条?
如何隐藏滚动条,同时仍然可以在任何元素上滚动?
首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。
想要完全隐藏滚动条只需设置overflow:hidden即可,但是这样一来将导致元素内容不可滚动。
时至今日,还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容,只能通过针对特定浏览器设置滚动条样式来实现。
火狐浏览器
  1. scrollbar-width: none; /* Firefox */
复制代码
ie浏览器
  1. -ms-overflow-style: none; /* IE 10+ */
复制代码
Chrome和Safari浏览器
  1. ::-webkit-scrollbar {

  2.   display: none; /* Chrome Safari */

  3. }
复制代码


回复

使用道具 举报

83

主题

178

帖子

1656

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1656
2020-2-23 21:46:41 显示全部楼层
谢谢,正在巩固前端知识呢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册