Javascript Can'；不要让Scrollmagic插件作为示例工作

指向所需行为的链接（滚动幻灯片）：

我从网站上复制了源代码，但是我无法还原它的行为。我知道有一些css正在从源代码迁移，但这似乎更像是一个javascript问题，我无法理解

小提琴链接：

$（函数（）{//等待文档准备就绪
//初始化
var controller=new ScrollMagic.controller（）；
//定义面板的移动
var wipeAnimation=new TimelineMax（）
//为第二个面板设置动画
.to（“#slideContainer”，0.5，{z:-150}）//在三维空间中向后移动
.to（“#slideContainer”，1，{x:“-25%”）//移入第一个面板
.to（“#slideContainer”，0.5，{z:0}）//移回三维空间中的原点
//设置到第三个面板的动画
.to（“#slideContainer”，0.5，{z:-150，延迟：1}）
。至（“#slideContainer”，1，{x:“-50%”）
.to（“#slideContainer”，0.5，{z:0}）
//设置“向前”面板的动画
.to（“#slideContainer”，0.5，{z:-150，延迟：1}）
。至（“#slideContainer”，1，{x:“-75%”）
.to（“#slideContainer”，0.5，{z:0}）；
//创建场景以固定和链接动画
新的魔法。场景({
triggerElement:“#pinContainer”，
triggerHook：“onLeave”，
持续时间：“500%”
})
.setPin（“pinContainer”）
.setTween（动画）
.addIndicators（{name:“1（持续时间：0）”}）//添加指标（需要插件）
.addTo（控制员）；
});
*{
边际：0px；
填充：0px；
框大小：边框框；
}
身体{
位置：相对位置；
}
#钳形容器{
宽度：100%；
身高：100%；
溢出：隐藏；
}
#滑动容器{
宽度：400%；/*包含4个面板，每个面板具有100%的窗口宽度*/
高度：500px；
背景：红色；
}
.小组{
身高：100%；
宽度：25%；/*相对于父窗口->400%的25%=窗口宽度的100%*/
浮动：左；
背景：蓝色；
}
霍拉先生{
背景：绿色；
高度：120vw；
宽度：100vw；}

一个
两个
三
四
下面是相同的工作示例


$（函数（）{//等待文档准备就绪
//初始化
var controller=new ScrollMagic.controller（）；
//定义面板的移动
var wipeAnimation=new TimelineMax（）
//为第二个面板设置动画
.至（“#slideContainer”，0.5{
z:-150
})//在三维空间中向后移动
.至（“#slideContainer”，1{
x:“-25%”
})//移入第一个面板
.至（“#slideContainer”，0.5{
z:0
})//在三维空间中移回原点
//设置到第三个面板的动画
.至（“#slideContainer”，0.5{
z:-150，
延误：1
})
.至（“#slideContainer”，1{
x:“-50%”
})
.至（“#slideContainer”，0.5{
z:0
})
//设置“向前”面板的动画
.至（“#slideContainer”，0.5{
z:-150，
延误：1
})
.至（“#slideContainer”，1{
x:“-75%”
})
.至（“#slideContainer”，0.5{
z:0
});
//创建场景以固定和链接动画
新的魔法。场景({
triggerElement:“#pinContainer”，
triggerHook：“onLeave”，
持续时间：“500%”
})
.setPin（“pinContainer”）
.setTween（动画）
.addIndicators（）//添加指示器（需要插件）
.addTo（控制员）；
});

#钳形容器{
宽度：100%；
身高：100%；
溢出：隐藏；
-webkit透视图：1000；
前景：1 000；
}
#滑动容器{
宽度：400%；
/*包含4个面板，每个面板具有100%的窗宽*/
身高：100%；
}
.小组{
身高：100%；
宽度：25%；
/*相对于父级->400%的25%=窗口宽度的100%*/
浮动：左；
}
一个
两个
三
四
我认为您缺少了一些脚本。您只是链接了scrollmagic在其所有示例中使用的每一点javascript和css，而不仅仅是他正在寻找的示例。这不是一个很好的解决方案，因为他只会加载一堆他不需要的东西