移动端禁止页面下滑

Posted 2020-07-24 小蒋不素小蒋

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端禁止页面下滑相关的知识，希望对你有一定的参考价值。

背景：

本人开发移动端h5时，想让页面禁止向下滑动，最初的代码如下：

html,body{
    overflow: hidden;
}

在chrome移动端调试工具中可以，但是用iphone的微信打开，失效了。

解决方案：

方法一：

html,body{
    position:fixed;
    overflow-y:hidden;
}

方法二：

html,body{
    overflow: hidden;
    width: 100%;
    height:100%;
}

以上是关于移动端禁止页面下滑的主要内容，如果未能解决你的问题，请参考以下文章