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
.