addClass与多个元素之间的轻微延迟

Question

好的，我已经得到了一些脚本，当某些元素变得可见时，这些脚本就会添加一个类名称。

var t = $("#div").offset().top; 

$(document).scroll(function(){ 
    if($(this).scrollTop() > t) 
    { 
     $('.image').addClass('img-vis'); 
    } 
}); 

有12个类名为lazy的元素，我希望在每个类之间稍加延迟。

Answer 1

试一下：

$('.image').each(function (i) { 
    $(this).delay(i*1000).queue(function (next) { 
     $(this).addClass('img-vis'); 
     next(); //used just to dequeue 
    }); 
}); 

Answer 2

你的意思是这样的：（即1000毫秒）

$(document).scroll(function(){ 
    if($(this).scrollTop() > t) 
    { 
     setTimeout(addImgVis, 1000); 
    } 
}); 

function addImgVis(){ 
    $('.image').addClass('img-vis'); 
} 

将增加1类其次，它执行瓦特/ UR滚动功能后。