wow.js的问题

Question

因此，尝试将wow.js与animate.css结合使用

我的动画css运行良好，wow.js已经被包含并激活，但它没有注册我向下滚动到元素，所以没有动画。

我在html底部标记之前包含的内容+导入到我的main.css中的animate.css库

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
  new WOW().init();
</script>

视口

  <meta name="viewport" content="width=device-width, initial-scale=1">

main.js -应该与wow.js无关

$(document).ready(function() {

    console.log('Document ready');

    $('.fa-bars').click(function() {
        $('.nav__links').toggleClass('menu-appear');
    });

    $('.nav .nav__links a').click(function() {
        $('.nav__links').toggleClass('menu-appear');
    });

});

动画已导入到我的main.css文件中。

完全被难住了为什么这不管用。任何想法，测试网站链接如下。

http://loved-shrew.cloudvent.net