Javascript Velocity.js/Blast.js使用fullpage.js触发

以下是发布在此处的解决方案：

我使用Velocity.js和Blast.js在每个单词中创建一个简单的加载作为动画。。。基本设置之一。我也在使用Cycle2。我也在使用fullpage.js，所以有时候文本幻灯片可能是第一张幻灯片，那么在向下滑动时也可以做同样的事情吗

如果带有动画的文本幻灯片也是第一张幻灯片，则从“不透明度：0”触发动画，就像导航“上一页/下一页”时一样

我已经设置了一个JSFiddle，添加了fullpage.js，所以如果你向下滚动，我会让第二部分以文本开始，但它不会动画或显示。我还添加了onLeave和afterLoad回调，如果有帮助的话可以使用

//
如果（$（'.home节容器'）。长度>0）{
$（'.home-section-container'）。完整页({
sectionSelector:'。每个节'，
滚动速度：1000，
调整大小：false，
onLeave:function（）{
//
},
后加载：函数（）{
//
}
});
}
//
功能特性ProjectTextAnimation（incomingSlideEl）{
var$animated=$（incomingSlideEl.find（'.text container.animated'）；
$1.blast({
分隔符：“word”
})
.velocity（'transition.fadeIn'{
显示：空，
持续时间：0，
错开：100，
延误：400，
开始：函数（）{
$animated.css（'opacity'，1）；
},
完成：函数（）{
//
}
});
}
//
如果（$（'.home滑块容器'）。长度>0）{
$（'.home slider container.home slider'）。每个（函数（）{
var$this=$（this）；
var slideCount=$this.find（'.each slide'）.length；
如果（slideCount查看：

使用fullPage.js时，我的其他插件不起作用

简短回答：在fullPage.js的afterRender回调中初始化它们

说明：如果您正在使用fullPage.js的verticalCentered:true或overflowScroll:true等选项，您的
内容将被包装在其他元素中，从而改变其在中的位置
网站的DOM结构。这样，您的内容
考虑“动态添加内容”，大多数插件需要
内容最初位于站点上以执行其任务。使用
在Render回调初始化插件后，fullPage.js会
确保仅在fullPage.js停止更改
网站的DOM结构

在任何情况下，您都应该使用fullPage.js提供的回调来启动操作，例如
onLeave
、
afterLoad
或
afterSlideLoad
。
你做这件事的方式似乎不是追求它的方式

你应该做这样的事情：

$('#fullpage').fullpage({
    afterLoad: function (anchorLink, index) {
        var loadedSection = $(this);

        //after section 2 has loaded
        if (index == 2) {
            fireAnimation();
        }
    },
    afterSlideLoad: function (anchorLink, index, slideAnchor, slideIndex) {
        //second slide of the second section
        if (index == 2 && slideIndex == 2) {
            fireAnimation2();
        }
    }
});

关于悬赏。我已经更新了JSFIDLE。你可以看到，在第一个“部分”中，动画文本幻灯片在第二个“部分”中，当你滑入其中时，一切都正常。但是在第二个“部分”中，如果你向下滚动，动画文本幻灯片是第一个，因此不会触发。我知道我需要使用onLeave和afterLoad功能，但会卡住。Th脚踝。
$('#fullpage').fullpage({
    afterLoad: function (anchorLink, index) {
        var loadedSection = $(this);

        //after section 2 has loaded
        if (index == 2) {
            fireAnimation();
        }
    },
    afterSlideLoad: function (anchorLink, index, slideAnchor, slideIndex) {
        //second slide of the second section
        if (index == 2 && slideIndex == 2) {
            fireAnimation2();
        }
    }
});