Question

我没有解决方案。我的页面无法在移动设备上滚动（使用iPhone 6进行测试）。

这是结构

<html>
  <body>
    <header></header>
    <div id ="content"></div>
  </body>
</html>

div＆＃34;内容＆＃34;大概是10000px高度（很多内容）

其他不包含内容的网页正在完美滚动。所以我认为div内容溢出有一些东西。

我试过溢出自动，滚动，高度100％高度100vh很多组合html的身体和内容，但我无法得到适用于计算机和iPhone的解决方案。有时候它会在iPhone上滚动，但我有两个滚动条和我的电脑，有时它会滚动但是标题（它应该会随着空间消失而停留在这里等）。

欢迎任何帮助。谢谢

Answer 1

问题解决了。它不是CSS，也不是HTML，而是JS。

我使用了touchSwipe，默认情况下会在您应用滑动事件的div上停用页面滚动。

Answer 2

如果您使用jquery.touchSwipe.js进行滑动，请在滑动中添加allowPageScroll: "vertical"。

    $("#ID").swipe({
    -----------
    -----------
    threshold:100, 
    allowPageScroll: "vertical"
    });

它在工作。