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滾動功能後。