小编Peg*_*gui的帖子

我试图弄清楚如何将TimelineMax与Scrollmagic一起使用。这个问题很容易解释。

我有类似的DOM元素，例如粒子的移动速度必须比滚动速度慢。

第一个实现是工作（无时间轴）

var controller = new ScrollMagic.Controller();
var $particles = $("#particles li");
$particles.each(function() {
    var tween = TweenMax.to($(this), 1, { y: -100, ease: Linear.easeNone });
    var scene = new ScrollMagic.Scene({
        triggerElement: ".wrapper",
        duration: 1000
    });
    scene.setTween(tween);
    scene.addTo(controller);
}); 

第二种实现是“不工作”（使用时间轴）

var controller = new ScrollMagic.Controller();
var $particles = $("#particles li");
var timeline = new TimelineMax();
$particles.each(function() {
    timeline.to($(this), 1, {  y: -200, ease: Linear.easeNone });
});
var scene = new ScrollMagic.Scene({
    triggerElement: ".wrapper",
    duration: 1000
});
scene.setTween(timeline)
scene.addTo(controller);

我想使时间表生效，但是元素没有动画。他们移动，但时机为零。

谢谢你的帮助 …