Javascript 滚动jQuery队列fadeIn（）

我的

fadeIn

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

我尝试过使用

.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"); 
};

你试过他的吗

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

---

解决了，谢谢大家

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

---

只有在

$（'.icon'）

尚不可见时，才尝试调用

$（'.icon'）.fadeIn（'slow'）

。这样你就可以避免每次都被打电话。虽然Brent的答案不起作用，但请查看这两个链接，因为这是一个类似的问题，