Tweenmax 无需等待 ScrollMagic 即可开始动画

【问题标题】：Tweenmax starts animation without waiting for ScrollMagicTweenmax 无需等待 ScrollMagic 即可开始动画
【发布时间】：2014-11-04 17:45:33
【问题描述】：

我试图让 scrollmagic 触发 TweenMax 动画，但动画开始时无需等待滚动触发器被击中。我在这里遗漏了什么吗？

$(document).ready(function($) {
  var controller = new ScrollMagic();

  var tween = TweenMax.to('.animateme', 1, {color: "green", scale: 2.5});

  var scene = new ScrollScene({triggerElement: '.trigger'})
    .setTween(tween)
    .addTo(controller);
  scene.addIndicators({zindex: 100});
});

【问题讨论】：

标签： jquery gsap scrollmagic

【解决方案1】：

事实证明，如果必须在包含 TweenMax 之后包含 ScrollMagic，否则补间动画将运行并忽略滚动。

【讨论】：

是的，这是因为 TweenMax 是 ScrollMagic 的一个依赖项。您不会在 jQuery 之前包含您的 jQuery 插件，对吗？不过，控制台应该会告诉你这一点......
是的，我现在意识到了这一点，但我花了一点时间才弄明白。在控制台中看到这一点会很有帮助。
事实证明，您还必须向 ScrollScene 构造函数添加持续时间。