我正在使用 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 时发生?
最佳答案
这是我通过 closed Github Issue: 找到的解决方案您可以将其添加到您的 CSS 中:
.wow {
visibility: hidden;
}
WOW 然后会在启动动画时将其切换为可见。
关于javascript - wow.js 发生在页面加载时而不是滚动时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23531064/