在jquery窗口滚动上划分动画问题

Question

我想在窗口滚动上设置分区动画，当scrollTop大于200时它是唯一的动画，当我想在scrollTop上滚动更大的＆gt; 500它什么都不做。

$(window).scroll(function(){
    var posFromTop = $(window).scrollTop();

    if(posFromTop > 200){
        // if more than 200px from the top do something
        $('#banner').animate({'left': +300});}            

    if(posFromTop > 500){
        // if more than 200px from the top do something
        $('#banner').animate('left': -300});}
    });
});

Answer 1

如果距离顶部超过500像素，则两个动画会同时启动并相互抵消。尝试更改

if(posFromTop > 200){

到

if(posFromTop > 200 && posfromTop <= 500){