2014-11-04 134 views
3

我试图让scrollmagic触发一个TweenMax动画,但动画开始时无需等待滚动触发器被击中。我在这里错过了什么吗?Tweenmax开始动画,无需等待ScrollMagic

$(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}); 
}); 

回答

6

事实证明,如果你必须包括ScrollMagic AFTER包括TweenMax,否则补间动画将只运行并忽略滚动。

+0

是的,这是因为TweenMax是ScrollMagic的依赖。你不会在jQuery之前加入你的jQuery插件吗?控制台应该告诉你,虽然...... – 2014-11-06 10:09:07

+0

是的,我现在意识到这一点,但它花了我一点点弄清楚。在控制台中看到这一点会很有帮助。 – jshou 2014-11-06 17:48:44

+0

它也证明你将不得不添加一个持续时间到ScrollScene构造函数。 – kernel 2015-02-03 12:04:59