在iPad上滚动冻结（javascript）

Question

我在javascript上为iPad开发应用程序。 我有一些div。 此div中的内容应该是可滚动的。 我使用这个类添加了div的滚动：

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

这种方式适用于90％的情况，但有时我尝试滚动内容，没有任何反应。 我等待大约3秒再试一次 - 滚动工作。 我没有任何可能导致此类行为的解决方法javascript代码。

为什么会出现这种行为？

Answer 1

你提到你是在动态加载内容，但你的小提琴没有发生动态内容加载，所以我不能用你的小提琴回答，正如我所希望的那样。

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

（在我的实例中，我的动态内容是用jQuery的$.get简写加载的，所以我使用.then()运行一个函数， 每次加载新内容时都会自动设置相应的CSS。）

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