IOS -webkit-overflow-scrolling 在错误的轴上滚动，或者根本不滚动

Question

我正在使用 html5 为 IOS 构建一个移动应用程序。我正在使用“-webkit-overflow-scrolling: touch”来获得 native 惯性滚动，但它有很多错误。我已经解决了在滚动停止之前内容不会呈现的问题，但一个持续存在的错误是:

当我尝试上下滚动时，没有任何反应，但当我尝试水平滚动时，内容会垂直滚动(偏离轴 90 度)。如果我浏览我的应用程序并返回页面，它有时会被修复。此外，有时它根本不会滚动，尽管内容很多。

根据我在谷歌上搜索到的内容，共识似乎是 Apple 已经意识到这个错误，并且无意在短期内修复它。有没有人找到让 -webkit-overflow-scrolling 正常工作的解决方案？

Answer 1

几个月来我也一直在与这个错误作斗争。我发现的最佳表征是:

https://bugs.webkit.org/show_bug.cgi?id=87391

它表示当页面具有 iFrame 并且内容是从 Javascript 设置时发生的。我目前在 The Graphics Codex version 1.6 中的解决方法是使用 iScroll4 显式滚动页面而不是使用触摸滚动。由于 Javascript 是单线程的，如果您还执行动画或后台加载内容，这可能会很慢。