【问题标题】:GSAP - TweenMax : TweenMax.getAllTweens() returns objects instead of TweenMax instanceGSAP - TweenMax:TweenMax.getAllTweens() 返回对象而不是 TweenMax 实例
【发布时间】:2018-04-03 14:05:58
【问题描述】:

我已经从一个页面获取了所有 TweenMax 实例。

所以我使用:

TweenMax.getAllTweens()

如果像这样声明补间,则此方法有效:

TweenMax.toTweenMax.formTo 或其他任何东西,但如果补间嵌套在 TimelineMax / Lite 中,TweenMax.getAllTweens() 返回一个 对象数组 而不是我想要的 TweenMax 补间数组。所以我不能对它们使用 TweenMax 方法。

我尝试声明 TweenMax 实例,将它们存储在变量中并将它们添加到 TimelineMax,如下所示:

var tween = TweenMax.to('selector', {x: 100})
new TimelineMax().add(tween)

此解决方案有效,但如下:

new TimelineMax().to('selector', {x: 100})

没用。

您知道我该如何处理这个问题并获取所有补间实例吗?

不确定是否可以理解,不要犹豫,问我问题。

我的问题可以在https://ihatetomatoes.net/demos/simple-scrollmagic-tutorial/ 上进行测试。打开控制台并输入 TweenMax.getAllTweens()

【问题讨论】:

  • 不应该TweenMax.getAllTweens()[0] 给你一个 TweenMax 实例吗?你不能像这样遍历数组并编写代码吗?

标签: javascript animation gsap


【解决方案1】:

getChildren() 在时间轴实例上应该返回你想要的。在链接上查找详细信息。

https://greensock.com/docs/TimelineMax/getChildren()

这里还有一个代码笔供您使用

https://codepen.io/teejayhh/pen/rdKQxV

【讨论】:

    猜你喜欢
    • 2021-02-27
    • 1970-01-01
    • 2014-06-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-23
    • 1970-01-01
    • 2021-01-25
    • 1970-01-01
    相关资源
    最近更新 更多