Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带wow.js动画的fullPage.js_Javascript_Jquery_Fullpage.js_Wow.js - Fatal编程技术网

Javascript 带wow.js动画的fullPage.js

Javascript 带wow.js动画的fullPage.js,javascript,jquery,fullpage.js,wow.js,Javascript,Jquery,Fullpage.js,Wow.js,我正在做我的第一个网站与完整的网页和魔兽世界插件。我的问题是,页面向下滚动后,不会加载wow动画。我试图在加载页面后将动画类添加到div中,但它不起作用。有没有正确的方法? 这是我初始化插件的代码 <script> $(document).ready(function() { $('#fullpage').fullpage({ 'afterLoad': function(anchorLink, index){

我正在做我的第一个网站与完整的网页和魔兽世界插件。我的问题是,页面向下滚动后,不会加载wow动画。我试图在加载页面后将动画类添加到div中,但它不起作用。有没有正确的方法? 这是我初始化插件的代码

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

$(文档).ready(函数(){
$(“#全页”)。全页({
“后加载”:函数(锚点链接、索引){
如果(索引='2'){
$(“#动画内容”).addClass('wow lightSpeedIn');
}
},
});
});
新的WOW().init();

Wow.js取决于
滚动事件

除非使用选项
autoScrolling:false
scrollBar:true
,否则Fullpage.js不会真正滚动页面(触发滚动事件)

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

以下是fullpage.js github论坛中的一个主题:


您还可以查看如何使用fullpage.js状态类创建CSS 3动画。

在设置中使用此:滚动条:true,然后在CSS集中使用

body,html{
    overflow: hidden !important;
}

然后,wow.js将工作,您将看不到设置为true的滚动条:)MAGIC

您是否达到了后加载功能?你们能在那个里设置一个断点并查询索引吗?来把小提琴怎么样?好吧,当我在if语句中加入alert(‘某物’)时,它的工作原理和它应该的完全一样。