jQuery隊列fadeIn（）在滾動

Question

滾動我fadeIn似乎是每次我滾動這是我想要的觸發。但是，這會使動畫排隊，並在用戶停止滾動後結束運行。

我已經使用.stop(true, true)功能嘗試，但我相信這不會對if或else陳述工作。

我迄今爲止代碼：

if($('.icon').isOnScreen()){ 
    $('.icon').fadeIn("slow"); 
} else { 
    $('.icon').fadeOut("slow"); 
}; 

我在下面試圖但這不起作用

if($('.icon').isOnScreen()){ 
    $('.icon').stop(true,true).fadeIn("slow"); 
} else { 
    $('.icon').stop(true,true).fadeOut("slow"); 
}; 

Answer 1

工作了，感謝所有

if($('.box').isOnScreen()){ 
    if($('.icon').isOnScreen()){ 
     $('.icon').fadeIn("slow");  
    } else { 
     $('.icon').fadeOut("slow"); 
    } 
} else { 
    $('.icon').stop().fadeOut("slow"); 
}; 

Answer 2

具有u盡了？

var isfadeId; 
if($('.icon').isOnScreen()){ 
    if(!isfadeId) $('.icon').fadeIn("slow"); 
    isfadeId = true; 
} else { 
    if(isfadeId) $('.icon').fadeOut("slow"); 
    isfadeId = false; 
};