哇.js偏移等于元素高度

Wow.js offset equal to element height

本文关键字：元素 高度 于元素 js      更新时间：2023-09-26

根据哇.js文档，我可以设置动画触发的底部偏移量： 

  wow = new WOW(
    {
      boxClass:     'wow',      // default
      animateClass: 'animated', // default
      offset:       0,          // < --------------- This one
      mobile:       true,       // default
      live:         true        // default
    }
  )
  wow.init();

我有一个 .foo 容器<div class="foo wow fadeIn"></div>我想在它的底部碰到视口底部时进行动画处理，即它完全在我的屏幕上。所以我想偏移量应该等于 .foo 元素高度。有没有办法在上面的哇.js设置中指定这一点？

由于底部偏移量可以用data-wow-offset属性定义，我想出了这个解决方案： 

$(".wow").each(function() {
  var wowHeight = $(this).height();
  $(this).attr("data-wow-offset", wowHeight);
});

希望这会帮助某人。我也很高兴知道一个更优雅的解决方案。

相关文章：