Неустойчивая анимация jQuery в Chrome и Safari? - PullRequest
0 голосов
/ 18 марта 2012

Я пытался сделать эффект параллакса, и для этого нужно одновременно анимировать 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 фона немного большие, но когда я тестировал с меньшими;Я получил тот же результат, я не могу найти причину для этого :( вот просмотр

...