jQuery队列fadeIn()滚动

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

我试过使用.stop(true, true)函数,但我相信这不适用于ifelse语句。

我的代码到目前为止:

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");  
};
链接地址: http://www.djcxy.com/p/83607.html

上一篇: jQuery queues fadeIn() on scroll

下一篇: How to not move page if html element is on screen?