开发者社区 问答 正文

Scrollmagic TimelineMax没有动画

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

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

第一个实现是工作(无时间轴)

展开
收起
游客ufivfoddcd53c 2020-01-04 17:16:53 1124 分享 版权
1 条回答
写回答
取消 提交回答
  • 您可以尝试使用TimelineMax .add()方法代替.to()第二种实现中的方法吗?因此,您的代码应如下所示:

    var controller = new ScrollMagic.Controller();
    var $particles = $("#particles li");
    var timeline = new TimelineMax();
    $particles.each(function() {
        timeline.add(TweenMax.to($(this), 1, {  y: -200, ease: Linear.easeNone }),0);
    });
    var scene = new ScrollMagic.Scene({
        triggerElement: ".wrapper",
        duration: 1000
    });
    scene.setTween(timeline)
    scene.addTo(controller);
    
    2020-01-04 17:17:12
    赞同 展开评论
问答分类:
问答地址: