scrollmagic - 无法让 ScrollMagic 视差补间工作

Question

我正在尝试从这里的第一个示例中实现代码：

http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_scrolling.html

以下补间工作（但立即补间）......

var tween = new TimelineMax().add([
        TweenMax.to('#test',1,{top:"50%",ease:Linear.easeNone})
    ]);

当我添加以下代码时...

var scene = new ScrollMagic.Scene({
    triggerElement:'#test' ,
    duration:500
})
    .setTween(tween)
    .addTo(controller);

我收到以下错误：

Uncaught TypeError: (intermediate value).setTween is not a function

我要疯了，想弄清楚这一点。我究竟做错了什么？

Answer 1

回答我自己的问题，因为上帝这件事的文档很少。

你需要包括

http://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js

使滚动魔术与 gsap 一起工作

提示：确保在ScrollMagic.js脚本标签之后添加它