javascript - wow.js 发生在页面加载时而不是滚动时

Question

我正在使用 wow.js ，它工作正常，除了动画都在页面加载后立即发生，而不是在滚动到它们时发生。我遵循了文档，但无法弄明白。

页面上没有JS错误。我包括了 animate.min.css 和 wow.js

在正文中:

<img src="images/philosophy.png" alt="Philosophy" id="philosophy-img" class="icon wow bounceInUp">

在页脚中:

<script>
    new WOW().init();
</script>

那么如何使用 wow.js 让动画在滚动到特定的 div 时发生？

Answer 1

这是我通过 closed Github Issue: 找到的解决方案您可以将其添加到您的 CSS 中:

.wow {
   visibility: hidden;
}

WOW 然后会在启动动画时将其切换为可见。