javascript - 不使用滚动条时让 WOW.js 和 fullPage.js 一起工作？

Question

因此，我正在使用 fullPage.js 创建一个单页样式的网站。我决定要添加一些动画，但是对 jQuery 没有任何了解，我决定选择 animate.css 和 WOW.js 来配合它。

然而，据我了解，fullPage.js 删除了滚动条，因此 WOW.js 无法看到我滚动过去的时间。所以我用

scrollBar: true

和

body,html{
    overflow: hidden !important;
}  

删除滚动条。此方法有效，但是由于某种原因，当我滚动到第一部分（页面顶部）时动画消失了。向下滚动时我仍然会看到动画。我怎样才能解决这个问题？（GIF：http: //i.imgur.com/pom46OF.gifv）

编辑：顺便说一下，这是网站 - https://farooq.gq/portfolio/#top

Answer 1

锚选项似乎与动画混淆，将其删除。并确保您在部分或幻灯片离开时初始化 wow：

JS：

$(document).ready(function() {
    $('#fullpage').fullpage({
        'navigation': true,
        'navigationPosition': 'right',
        navigationTooltips: ['Top', 'Who Am I?'],
        scrollBar: true,
        onLeave: function(){
            new WOW().init();
        }
    });
});

代码笔： http ://codepen.io/leonlaci/pen/WxoNqN