Javascript 如何创建类似waaark.com的卷轴？

有谁能帮我创作像卷轴一样的作品吗。鼠标滚动时，文档不应滚动，但应触发使用tweenmax创建的动画。与waaark.com不同的是，我在全屏下方有一些内容，这些内容将在第八卷之后出现。我计划使用的技术是ScrollMagic和Tweenmax（GSAP）。

到目前为止，您尝试了什么？请发布您的代码并解释问题所在。@JamieWeston这里有一个示例代码笔：根据上面的代码笔，它必须在三次滚动后第一次显示下面的内容。但在我的例子中，它需要多个卷轴（超过3个）才能看到下面的折叠内容。提前谢谢。