开发者社区> 问答> 正文

Scrollmagic TimelineMax没有动画

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

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

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

展开
收起
游客ufivfoddcd53c 2020-01-04 17:16:53 1082 0
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
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载