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窗口滾動部門動畫問題

回答

相關問題