overflow滚动条如何隐藏?

来源:http://www.chinese-glasses.com 作者:Web前端 人气:82 发布时间:2020-04-15
摘要:时间: 2019-09-28阅读: 209标签: 滚动 时间: 2019-05-05阅读: 477标签: 滚动 隐藏滚动条有很多方法,比较简单和直观的方法可以使用::-webkit-scrollbar来完成 移动端页面为了更接近原生的体验,是

时间: 2019-09-28阅读: 209标签: 滚动

时间: 2019-05-05阅读: 477标签: 滚动

隐藏滚动条有很多方法,比较简单和直观的方法可以使用::-webkit-scrollbar来完成

移动端页面为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动?使用 overflow:hidden 隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。由于只需要兼容移动浏览器(Chrome 和 Safari),于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。

例如:

应用如下 CSS 可以隐藏滚动条:

.box::-webkit-scrollbar{ display:none}
.element::-webkit-scrollbar {display:none}

本文由10bet发布于Web前端,转载请注明出处:overflow滚动条如何隐藏?

关键词:

最火资讯