无法让 ScrollMagic 视差补间工作

Question

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

以下补间有效（但立即补间）...

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

使 scrollmagic 与 gsap 一起工作

提示：确保在 ScrollMagic.js 脚本标签

之后添加它

can't get ScrollMagic parralax tween to work