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值而不是重新计算，并从停止函数中省略(true, true)。

编辑:另外，去掉#container css调用，只需将其设置为position:fixed即可。