jquery窗口滚动部门动画问题

我想动画区分窗口滚动，其唯一动画当scrollTop大于200，当我想滚动scrollTop更大> 500它什么都不做。jquery窗口滚动部门动画问题

$(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});} 
    }); 
});

来源

2013-10-04 parag

当您距离顶部多于500个像素时，两个动画同时开始并相互抵消。尝试改变

if(posFromTop > 200){

到

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

来源

2013-10-04 10:17:24 Raidri

仍然没有工作颜色改变，但是动画不工作时位置大于600 $（窗口）.scroll（函数（）{ VAR posFromTop = $（窗口）.scrollTop（）; \t \t \t $（ “＃scrollValue”）HTML（posFromTop） if（posFromTop> 200 && posFromTop <= 500）{（'＃scrollValue'）。css（{'background-color'：'blue'}）; 。 \t $（ '＃scrollValue'）动画（{ 'marginLeft'：200}）;} \t \t如果（posFromTop> 600 && posFromTop <= 1000）{ \t $（ '＃scrollValue'）的CSS（。 {'background-color'：'brown'}）; （'＃scrollValue'）。animate（{'marginLeft'：0}）;} }）; – parag

您能否创建[小提琴]（http://jsfiddle.net/），您的代码不可读为评论。 – Raidri

http://jsfiddle.net/GxFJj/5/ – parag

jquery窗口滚动部门动画问题

回答

相关问题