跳过主要内容

smoothChildTiming

smoothChildTiming:布尔值

控制是否自动重新定位子补间动画和时间轴(更改它们的startTime)以保持流畅播放,当属性动态更改时。

细节

控制是否自动重新定位子补间动画和时间轴(更改它们的startTime)以保持流畅播放,当属性动态更改时。

例如,假设时间轴的播放头位于一个已完成75%的子补间动画上,该动画从0移动到100,obj.x然后这个补间动画的reverse()restart()smoothChildTiming设置为false(根时间轴以外的默认设置),补间动画会原地翻转,保持其startTime一致。因此,时间轴的播放头现在将位于该补间动画完成25%的位置,而不是75%。请记住,时间轴播放头的位置和方向不会受到子补间动画/时间轴变化的影响。obj.x会从75跳转到25,但该补间动画在时间轴中的位置仍保持一致。

然而,如果smoothChildTiming设置为true,那么该子补间动画的startTime将被调整,以使时间轴的播放头与其之前所处的相同位置(完成75%)相交,就像在调用reverse()前一样,这样播放看起来就完全流畅。obj.x仍然会是75%,并且它会从此处继续播放,但由于补间动画现在已反转,obj.x将会向0方向返回而不是向100方向。归根结底,这是一个优先选择平滑即时播放(true)还是保持子补间动画和时间轴位置一致(false)。

可影响即时更改的一些属性/方法示例startTime(当smoothChildTiming设置为true):reversed, timeScale, progress, totalProgress, time, totalTime, delay, pause, resume, duration,以及totalDuration.

这个gsap.globalTimeline设置为smoothChildTiming设为true.

目录

无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗