javascript - 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>我想在它的底部触及视口(viewport)底部时制作动画，即它完全在我的屏幕上。所以我猜偏移量应该等于 .foo 元素高度。有没有办法在上面的 wow.js 设置中指定它？

Answer 1

因为底部偏移可以用 data-wow-offset 属性定义，所以我想出了这个解决方案:

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

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