如何設置justinaguilar.com的動畫延遲？ [解決]

Question

我很困惑如何爲justinaguilar.com設置動畫延遲。

我的朋友找到很好的解決方案：

<div class="animate" data-delay="600">HELLO WORLD</div> 

<script> 
    $(window).scroll(function() { 
    $('.animate').each(function(){ 
    var imagePos = $(this).offset().top; 

    var topOfWindow = $(window).scrollTop(); 
    if (imagePos < topOfWindow+300) { 
     var me = $(this); 
     setTimeout(function() { 
     me.addClass("fadeIn");    
     }, $(this).attr("data-delay")); 
    } 
    }); 
    }); 
    </script> 

希望這是非常有益的！

Answer 1

對於更簡單的解決方案，特別是如果您使用的是Jquery，則可以使用Jquery .delay()方法。