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。