Velocity JS挂在iPad上

Question

我在iPad上测试时遇到了一个模糊的问题。我有一系列元素可以在页面上显示到各自的位置。然而，最近在iPad4上我发现元素不会射到他们的位置。元素具有应用的“速度动画”类，但随后它们挂起并且从不动画。我尝试过使用stop（）以及clearQueue（），但没有运气。

scene.find(".hotspot").each(function() {
        $(this).velocity({
            top: obj[name][i]['top'],
            left: obj[name][i]['left'],
            opacity: 1
        }, 250);
        i++
    });

这里使用了几个变量，但是一个元素数组被传递到函数中，我迭代它动画到元素的set top和left值。

奇怪的是，如果我将iPad从横向旋转到纵向和背面，这些元素都在正确的位置。有什么想法吗？

Answer 1

对于任何可能偶然发现这一点的人来说，问题是最近在要动画的元素下面加入了动画gif。看起来似乎有太多的动画同时发生，iPad就会挂断。我通过动画化所需的元素来解决这个问题，然后一旦完成，运行一个setTimeout来淡化下面的动画gif。

不理想，但它有效。