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值而不是重新计算，并从stop函数中省略（true，true）。

编辑：另外，摆脱#container css调用，只需将其设为position: fixed。