滚动不适用于移动设备

Question

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

这是结构

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

div“内容”大约是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"
    });

它正在工作。