3

我的 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);
});

在客户端(在我的计算机上)的所有浏览器(IE、FF 和 Chrome)中都可以流畅和快速地制作动画xyzabc

但是,当我将它上传到服务器时,IE 和 FF 像往常一样流畅地制作动画。Chrome 动画abc流畅。但是 Chrome 在制作动画时会遇到严重的问题/滞后xyz

4

3 回答 3

0

这是 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 中滚动时背景图像滞后是一个错误!"

于 2013-12-27T07:22:24.893 回答
0

您在 xyz 上的动画是否反复出现?如果是这样,您可能需要清除动画队列。查看 jquery .stop() 命令。您滞后的原因可能是 jQuery 在开始下一个动画之前等待之前的动画完成。如果每次为 xyz 设置动画时延迟似乎都会增加,我会怀疑这是原因。

于 2012-05-07T12:54:12.590 回答
0

将数字提高到高值并尝试。即而不是margin-left':'500px'尝试margin-left':'1000px' ...我不知道为什么,但它对我有用...margin和top,left,right,bottom在chrome中有点滞后。

于 2013-12-25T13:10:56.667 回答