如何设置justinaguilar.com的动画延迟? [解决]

时间:2015-04-02 19:55:52

标签: javascript html css animation jquery-animate

我很困惑如何设置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>

希望它非常有帮助!

1 个答案:

答案 0 :(得分:0)

对于更简单的解决方案,尤其是在使用Jquery的情况下,可以使用Jquery .delay()方法。