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

你试过他吗？

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

Answer 2

工作了，谢谢所有

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

jQuery在滚动时排队fadeIn（）

2 个答案: