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; 
};