Velocity JS 在 iPad 上挂起

Posted 2023-03-12

【中文标题】Velocity JS 在 iPad 上挂起

【英文标题】：Velocity JS Hangs on iPad

【发布时间】：2014-09-19 01:29:14

【问题描述】：

我在 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++
    );

那里使用了几个变量，但是一个元素数组被传递到函数中，我通过它迭代动画到元素的设置顶部和左侧值。

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

【参考方案1】：

对于任何可能偶然发现这一点的人来说，问题是最近在要动画的元素下面包含了一个动画 gif。似乎一次动画太多，iPad 就会挂断。我通过为所需元素设置动画来解决这个问题，然后在完成后运行 setTimeout 以淡入下面的动画 gif。

不理想，但它有效。