Chrome和Safari中的糟糕jQuery动画?

时间:2012-03-17 22:04:52

标签: jquery performance google-chrome safari jquery-animate

我正在尝试进行视差效果,并且需要使用不同的值同时为3个背景设置动画,所以我使用了这段代码,

bgImage1.animate({
    "backgroundPosition" : -bgpos + "px"
}, {
    queue : false,
    duration : 1000,
    easing : "circEaseOut"
});

bgImage2.animate({
    "backgroundPosition" : -1.3 * bgpos + "px"
}, {
    queue : false,
    duration : 1000,
    easing : "circEaseOut"
});

bgImage3.animate({
    "backgroundPosition" : -1.6 * bgpos + "px"
}, {
    queue : false,
    duration : 1000,
    easing : "circEaseOut"
});

它在IE,Opera和Firefox上运行得非常好,但它在Chrome和safari上非常缓慢且不稳定,3个背景有点大,但是当我用较小的那些测试时;我得到了相同的结果,我找不到理由:(这里是preview

0 个答案:

没有答案