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

锚选项似乎搞乱动画，删除它。并且还要确保你在部分或幻灯片上初始化哇：

JS：

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

Codepen：http://codepen.io/leonlaci/pen/WxoNqN

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

1 个答案: