Wow.js偏移量等于元素高度

Question

根据wow.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元素的高度。有什么办法可以在上面的wow.js设置中指定它吗？

Answer 1

由于可以使用data-wow-offsetattrubute 定义底部偏移，所以我提出了以下解决方案：

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

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