Javascript firefox中带有过渡滞后的mousemove动画

我有一堆小粒子，当鼠标移动时，我想稍微移动它们。他们的地位与父母有关。这个动作和我在chrome中想要的一样，非常流畅和微妙，但在firefox中却落后了很多

是我尝试做的JSFIDLE简化版。在chrome和firefox中打开它，比较它们的动作

这是使用jquery mousemove（）的javascript代码

我认为这与粒子的过渡有关，因为如果我删除过渡属性，动画在两个浏览器中都是相同的，但我需要这个过渡时间，并且因为这些粒子的其他一些运动而变得轻松。你知道是什么原因造成的吗

---

而且，如果我的代码有什么奇怪或错误，请随时更正。我渴望尽快了解更多信息。

有一个神奇的函数，可以解决这些问题：

或者您可以使用requestAnimationFrame，如下所示：

节流示例：

var th=_.throttle(function(opts){//opts={x:...,y:...}
 //do your stuff here
},100);

$(document).on('mousemove',function(e){
 th({x:e.pageX,y:e.pageY});
});

---

有一个神奇的函数可以解决这些问题：

或者您可以使用requestAnimationFrame，如下所示：

节流示例：

var th=_.throttle(function(opts){//opts={x:...,y:...}
 //do your stuff here
},100);

$(document).on('mousemove',function(e){
 th({x:e.pageX,y:e.pageY});
});

---

好吧，既然您将此作为答案发布，请使用

throttle

添加一个示例。不幸的是，无法将答案“移动”到评论中，只能将其作为非答案删除。既然您将此作为答案发布，请使用

throttle

添加一个示例。不幸的是，无法将答案“移动”到评论中，只能将其作为非答案删除。