web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题

这篇文章主要为大家展示了“web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”这篇文章吧。

目前创新互联已为千余家的企业提供了网站建设、域名、虚拟主机网站运营、企业网站设计、深州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

如果把 overflow:hidden 用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。
 

web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题

方法一:

将要隐藏滚动的内容加上一个包裹层div,然后给这个div设置高度为window.height() ,并且 overflow:hidden 就可以解决你的问题。
 

方法二:
 

给 body 添加 position:fixed; 示例:
 

body {
 overflow:hidden;
 position:fixed;
 left:0;
 top:0;
}

以上是“web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前题目:web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题
分享URL:http://kswsj.cn/article/ihchhe.html

其他资讯