Question

我的chrome版本是：18.0.1025.168 m，jQuery的版本是1.7.2。

当我尝试动画时：

$("#xyz").animate({ 'margin-left':'500px' }, 500, function(){
    //Do something (another animation).
    $("#abc").animate({ 'margin-left':'300px' }, 500);
});

xyz和abc在客户端（在我的计算机上）的所有浏览器（IE，FF和Chrome）中平滑且快速地制作动画。

但是，当我将它上传到服务器时，IE和FF像往常一样平稳地动画。 Chrome可以顺利动画abc。但Chrome在动画xyz时会挣扎/严重滞后。

Answer 1

您对xyz的动画是否反复发生？如果是这样，您可能需要清除动画队列。查看jquery .stop（）命令。滞后的原因可能是jQuery在开始下一个动画之前等待以前的动画完成。如果每次你动画xyz时滞后似乎都会增加，我会怀疑这是原因。

Answer 2

将数字提升至高值并尝试。 ie而不是margin-left'：'500px'尝试margin-left'：'1000px'...我不知道为什么但它对我有用...边缘和顶部，左，右，底部有点滞后铬。 / p>

Answer 3

这是Chrome中众所周知的错误。当背景图像满刻度甚至低于背景图像时，它会滞后。

点击https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=92812了解详情 “在chrome中滚动时背景图片滞后是一个错误！”

服务器端的jQuery动画速度较慢，并且在Chrome中滞后

3 个答案: