javascript - jQuery在滚动时排队fadeIn（）

Question

每次滚动时，我fadeIn的滚动似乎都会触发，这正是我想要的。但这会使动画排队，并在用户停止滚动后运行良好。

我曾尝试使用该.stop(true, true)函数，但我相信这不适用于iforelse语句。

到目前为止我的代码：

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

你试过他的吗？

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