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

这篇文章主要为大家展示了“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页面还会滚动的问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！