百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 怎样运用CSS隐蔽滚动条?
分享文章到:

怎样运用CSS隐蔽滚动条?

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章将介绍怎样使用css潜藏页面的滚动条,具有必然的参照 价值,但愿对学习css的同学有帮忙!

怎样使用CSS潜藏滚动条?

怎样潜藏滚动条,同时依然可以在任何元素上滚动?

第一,假如需要潜藏滚动条并在内容溢出时显示滚动条,只需要设定overflow:auto样式即可。

想要完全潜藏滚动条只需设定overflow:hidden即可,但是这样一来将致使元素内容不成滚动。

时至今日,还没有任何一条CSS规则可以使元素可以潜藏滚动条的同时仍然可以滚动内容,只能通过针对特定阅读器设定滚动条样式来实现。

火狐阅读器

scrollbar-width: none; /* Firefox */

ie阅读器

-ms-overflow-style: none; /* IE 10+ */

Chrome和Safari阅读器

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

( 引荐学习:CSS教程 )

以上就是怎样使用CSS潜藏滚动条?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有154人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板