这篇文章主要为大家展示了“web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“WEB开
这篇文章主要为大家展示了“web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“WEB开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”这篇文章吧。
如果把 overflow:hidden
用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。
方法一:
将要隐藏滚动的内容加上一个包裹层div,然后给这个div设置高度为window.height()
,并且 overflow:hidden
就可以解决你的问题。
方法二:
给 body 添加 position:fixed;
示例:
body {
overflow:hidden;
position:fixed;
left:0;
top:0;
}
以上是“web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网html频道!
--结束END--
本文标题: web开发中如何解决移动端设置了overflow:hidden页面还会滚动的问题
本文链接: https://www.lsjlt.com/news/76109.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0