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 新内容已加载。）

如果有帮助，请告诉我。