Javascript 关于wow.js的问题

因此，尝试将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>

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

完全弄不明白为什么这不起作用。任何想法，测试网站链接如下

---

在CSS中，删除

溢出：隐藏似乎可以让它工作。我只通过在chrome开发工具中取消选中此属性进行了测试

@media (min-width: 1200px)
7690b3e….css:7
html {
    /* overflow: hidden; */
    height: 100%;
}

你想给哪一个做动画？似乎对我来说，魔兽世界的设定很管用，尽管它很微妙。您可以使用以下几个选项进行播放：
data delay=“1s”
在元素/标记中延迟动画和“偏移量”属性的开始，以便在滚动到一定距离后才开始播放：
new WOW（{offset:40}）
Hey WOW仅在“平面”和“创建”图标处设置（这是在“我们如何做”标题下。它在Chrome中对我不起作用。我只是得到一个空白，动画不会触发。我调整了浏览器窗口的大小，使其变大了-它在更高分辨率下不起作用，但在移动/更小分辨率下起作用。是的，这太奇怪了，知道为什么吗？是的，你知道吗你知道为什么这会阻止wow.js工作吗？我只能推测它会干扰wow.js检查元素位置和页面的当前滚动位置。考虑到这一点，overflow:hidden on html和overflow:auto on body对我来说非常突出。更不用说取消选中ov时滚动条会消失erflow：主体元素上的自动。
$(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');
    });

});

@media (min-width: 1200px)
7690b3e….css:7
html {
    /* overflow: hidden; */
    height: 100%;
}