滚动在移动设备上不起作用答案

【问题标题】：Scrolling does not work on mobile devices滚动在移动设备上不起作用
【发布时间】：2016-07-22 18:06:09
【问题描述】：

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

这是结构

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

div“内容”大约是，10000px 高度（很多内容）

不包含内容的其他页面可以完美滚动。所以我认为div内容的溢出是有问题的。

我尝试了溢出自动、滚动、高度 100% 高度 100vh 的大量组合用于 html 正文和内容，但我无法获得适用于计算机和 iPhone 的适当解决方案。有时它在 iPhone 上滚动，但我有两个滚动条和我的电脑，有时它正在滚动，但标题（应该随着净空而消失）留在这里等等。

欢迎任何帮助。谢谢你

【问题讨论】：

您能否提供更具体的问题重现？这里可能有一些 CSS 东西在起作用，如果没有演示或可重现的代码，如果不在黑暗中进行大量拍摄，就很难弄清楚可能出了什么问题。
你确定保存你的liveweave吗？该链接将我带到样板 liveweave 页面。
我做了，试试新的？
好的，我将新代码中的代码复制到一个基本网页中，然后将其加载到我的 iPhone（6s、iOS 9.3）上。我向下滚动页面没有问题。在桌面 Chrome（51，在 macOS 上）和桌面 Safari 上也是如此。
问题已解决。你告诉我正确的道路。不是 CSS 也不是 HTML，而是 JS。我使用了 touchSwipe，它默认禁用页面滚动；）

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

它正在工作。

【讨论】：