3

我正在使用完整的 Page 和 wow 插件制作我的第一个网站。我的问题是页面向下滚动后没有加载哇动画。我试图在加载页面后将动画类添加到 div，但它不起作用。任何想法如何正确地做到这一点？这是我的代码初始化插件

  <script>
        $(document).ready(function() {
           $('#fullpage').fullpage({
              'afterLoad': function(anchorLink, index){
                 if(index == '2'){
                    $('#animation_content').addClass('wow lightSpeedIn');
                 }
              },
           });
        });
        new WOW().init();
    </script>
4

2 回答 2

4

Wow.js 取决于scroll事件。

Fullpage.js 不会真正滚动页面（触发滚动事件），除非您使用该选项autoScrolling:false或fullpage.js 的常见问题解答中scrollBar:true详细说明。

如果您仍然想在没有任何这些选项的情况下使用 wow，唯一的解决方案是尝试使用回调afterLoad或onLeavefullpage.js 来添加 wow.js 工作所需的类或数据。

这是 fullpage.js github 论坛中的一个主题： https ://github.com/alvarotrigo/fullPage.js/issues/249

您还可以查看我的视频教程，了解如何使用 fullpage.js 状态类创建 CSS 3 动画。

于 2014-07-09T08:27:45.830 回答
4

在设置中使用这个：scrollBar:true 然后在你的 CSS 集中

body,html{
    overflow: hidden !important;
}

然后 wow.js 将工作，你不会看到你设置为 true 的滚动条 :) 魔法

于 2015-11-03T09:05:22.660 回答