javascript - 滚动在 iPad 上卡住(javascript)

Question

我在 JavaScript 上开发适用于 iPad 的应用程序。我有一些股利。此 div 中的内容应该是可滚动的。我使用此类为 div 添加了滚动:

.scrollable {
 -webkit-overflow-scrolling: touch;
 overflow-y: scroll !important;
 -webkit-transform: translate3d(0, 0, 0);
}

这种方式在 90% 的情况下都有效，但有时我尝试滚动内容但没有任何反应。我等了大约 3 秒，然后再试一次 - 滚动有效。我没有任何可能导致此类行为的解决方法 javascript 代码。

为什么会出现这种行为？

Answer 1

您提到您正在动态加载内容，但您的 fiddle 并没有发生动态内容加载，所以我无法用您的 fiddle 的分支来回答，我更愿意这样做。

但是，我最近遇到了一个非常相似的问题，发现如果在加载内容之后(时间很关键)，我将任何可滚动元素设置为使用 -webkit -transform: translate3d(0,0,0);，它似乎解决了奇怪的“卡住”行为。

(在我的例子中，我的动态内容是用 jQuery 的 $.get 速记加载的，所以我使用 .then() 来运行一个函数，它会自动每次加载新内容时设置适当的 CSS。)

如果这有帮助，请告诉我。