Javascript 触发时启动动画

我发现了这段代码，我试图在一个页面上为两个不同的动画运行两次。 网址：

英雄动画

俯视图动画（需要在第5节中详细说明）

脚本编码为直接从页面顶部播放。这会导致我的脚本同时运行两个动画，导致动画在用户实际到达之前已经完成

我克隆了脚本并创建了第二个函数（sequencer2），它触发第二个PNG序列，以便单独控制动画。但不幸的是，我无法构建一个触发器，一旦它滚动到用户视口中，它就会启动动画

有人能帮我解决这个问题吗

/**
*jQuery序列器
* https://github.com/skruf/jQuery-sequencer
*
*由Thomas Låver创作
* http://www.laaver.com
*
*版本：2.0.0
*要求：jQuery 1.6+
*
*/
（函数（$）{
$.fn.sequencer2=函数（选项）{
var self=这个，
路径=[]，
截面高度，
窗高，
当前滚动，
百分比滚动，
指数
if（options.path.substr（-1）==“/”）{
options.path=options.path.substr（0，options.path.length-1）
}
对于（var i=0；i{
如果（window.scrollY>5900）{
console.log（'Test'）；
//运行序列器功能
};
}); */ 
$（窗口）。滚动（函数（）{
sectionHeight=$（self.height（）；
windowHeight=$（this.height（）；
currentScroll=$（this.scrollTop（）；
percentageScroll=100*currentScroll/（截面高度-窗口高度）；
index=Math.round（百分比滚动/100*options.count）；
如果（索引
img.sequencer2{
最小高度：100%；
宽度：自动；
位置：粘性；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
z指数：0；
对象匹配：覆盖；
对象位置：中心；
}

$（“div.animation-wrapper-3”）.sequencer2({
计数：81，
路径：“https://www.dekkersinternational.com/hubfs/Digital%20Tap%20Lens/animations/Top%20view/",
分机：“jpg”
});
请编辑您的问题并单击“编辑上述代码段”，然后在左侧选择jquery版本并保存它。（在“运行代码段”上单击堆栈段时，可以看到错误“$is not defined”和“jQuery not defined”）