jquery - jquery窗口滚动上的除法动画问题

Question

我想在窗口滚动上为分割设置动画，当 scrollTop 大于 200 时它唯一的动画，当我想在 scrollTop 大于 > 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){