JQuery動畫閃爍

Question

有什麼辦法讓這個簡單的jQuery動畫不閃爍？ http://jsfiddle.net/v3DVf/6/

Answer 1

這可能是因爲你滾動速度太快，jQuery來計算一切。這似乎幫助：

$(window).scroll(function() { 
    var scrollTop = $(window).scrollTop(); 
    $('#left').stop().animate({ 
     top: (300 - (0.5 * scrollTop)) 
    }, 350); 
    $('#right').stop().animate({ 
     top: (300 - (0.2 * scrollTop)) 
    }, 350); 
});​ 

這就是從停止功能緩存scrollTop的值，而不是重新計算，並省略了（真正的，真實的）。

編輯：此外，擺脫#container css電話，只是使它position: fixed。