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

How to set delay for animations by justinaguilar.com? [SOLVE]

本文关键字：解决 延迟 动画 何通过 justinaguilar com 设置      更新时间：2023-09-26

我很困惑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>

希望它非常有用！

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

相关文章：