时间戳

首页 > 解决方案 > jquery animate 在 chrome 中比 firefox 慢

javascript - jquery animate 在 chrome 中比 firefox 慢

问题描述

因此，我开发了一个网络攻击威胁图，并使用 jquery 的 .animate() 函数为从 A 点到 B 点的红色子弹设置动画。问题是，这个子弹的运动在 Firefox 中比 google chrome 更令人窒息. 你可以在这里查看：https ://www.neehack.com/map

这是我的动画功能：

function attackAnimation(element, leftPos, topPos, toDelete, animeStyle, animePeriod){
    let orgLeft = $(element).css('left');
    let orgTop = $(element).css('top');
    $(element).css({'display':'block'});
    $(element).animate({
        left: leftPos,
        top: topPos
    },
    {
        duration: animePeriod,
        easing: animeStyle,
        step: function(now, fx) {
        },
        progress: function(fx, progress) {
        },
        done: function(){
            if(toDelete === 1)
                $(element).remove();
        }
    });
}

然后每次我想让子弹从 A 点到 B 点时，我都会调用上面的函数，如下所示：

attackAnimation(Elemenent_To_Move, from_left_position, from_top_position, 0, 'linear', seconds);

谁能告诉我，为什么会发生这种情况以及如何解决？

标签： javascriptjquery

解决方案

推荐阅读