Javascript ScrollMagic-Tween-文本淡入淡出

我试图在我的网站上使用ScrollMagic.js来显示文本段落。我的脚本已经可以淡出文本，但我想在文本淡入时创建一些暂停，一旦效果完成，滚动将继续。类似的事情是官方的。标题效果消失后，整个页面向下滚动

有人能帮我重写它吗，这样滚动将等到整个动画结束？我计划做更多的动画，效果会更好

（函数（$）{
$（函数（）{
如果（document.documentElement.clientWidth>768）{
//初始化控制器
var controller=new ScrollMagic.controller（）；
//淡入
var fadeInTimeline=新的TimelineMax（）；
var fadeInFrom=TweenMax.from（“#不透明度”），1{
自动Alpha:0
});
var fadeInTo=TweenMax.to（#不透明度），1{
自动阿尔法：1
});
法丁苯胺
.add（fadeInFrom）
.添加（fadeInTo）；
新的魔法。场景({
triggerElement:“#slidein2”，
抵销：200，
})
.setTween（fadeInTimeline）
.持续时间（400）
.addTo（控制员）；
//从左边飞进来
var fromBottomTimeline=新的TimelineMax（）；
var fromBottomFrom=TweenMax.from（“#bottom”，1{
y:300
});
var fromBottomTo=TweenMax.to（“#bottom”，1{
y:0
});
从底部时间轴
.add（fromBottomFrom）
.添加（从下到下）；
新的魔法。场景({
triggerElement:“#slidein2”，
抵销：200，
})
.setTween（从底部时间线）
.持续时间（400）
.addTo（控制员）；
}
})；//文档结束准备就绪
})（jQuery）；//jQuery名称空间的结尾

.blabler{
颜色：白色；
字体大小：30磅；
保证金：5雷姆15雷姆！重要；
线路高度：60pt；
文本对齐：词间对齐；
字体系列：“节拍器”，无衬线；
}
布莱克先生，对{
文本对齐：右对齐；
}
布莱克先生，中锋{
文本对齐：居中；
文本对齐：字符间；
}
布莱克先生，左边{
文本对齐：左对齐；
文本对齐：字符间；
}
身体{
背景色：黑色；
}

纳拉奎斯直径。赛德精英酒后驾车，佩伦茨克a。
纳拉奎斯直径。赛德精英酒后驾车，佩伦茨克a。
纳拉奎斯直径。赛德精英酒后驾车，佩伦茨克a。
纳拉奎斯直径。赛德精英酒后驾车，佩伦茨克a。
纳拉奎斯直径。赛德精英酒后驾车，佩伦茨克a。
纳拉奎斯直径。赛德精英酒后驾车，佩伦茨克a。

ScrollMagic不会等待动画完成。相反，它所做的是将

开始

部分固定到页面顶部，即将位置设置为固定

// container pin
var startpin = new ScrollMagic.Scene({
        duration: 700
 })
 .setPin("section#start")
 .addTo(controller);

这是演示页面上的代码。它将在第一个700像素的滚动中保持start div的位置

---

您还可以使用事件来释放位置

我试过了。。。因为我以前试过很多例子。。。但我无法让它工作，因为我需要在该特定部分的页面上显示多个动画。你能发布当前版本的工作小提琴吗？我发布了当前版本，但是。。。这就是我所有的。。。在这种情况下，淡入淡出的效果应该是正常的，但是只有一段时间，滚动没有暂停。好的，所以我试着做了一些改进，我修复了小提琴，所以它现在应该可以工作了。我不知道为什么至少在我的电脑上，淡入淡出不起作用。。。。