.shiftChildren()

.shiftChildren( amount:Number, adjustLabels:Boolean, ignoreBeforeTime:Number ) : *
将此时间轴的子项的开始时间(startTime)移动一定秒数或帧。当你想在某个点插入动画,将已存在的动画后移以腾出位置给新动画时,可以考虑使用此方法。
.shiftChildren()适用于TimelineMaxTimelineLite

.shiftChildren()的参数

参数 类型 必填 说明
amount Number 所有子项调整的秒数(或帧)
adjustLabels Boolean (default = false)是否同时调整label标记
ignoreBeforeTime Number 仅调整此时间点及其后的子项(default = 0)

.shiftChildren()效果展示

  • HTML
  • CSS
  • JS
  • 展示

所有动画往后调整3秒

.box {
  width:50px;
  height:50px;
  position:relative;
  border-radius:6px;
  margin-top:4px;
}
.green{
  background-color:#6fb936;
}
.orange {
  background-color:#f38630;
}
.grey {
  background-color:#989898;
}
var tl = new TimelineLite();
tl.to('.green', 1, {x:200}) 
  .to('.grey', 1, {x:300}, '+=1') 
  .to('.orange', 1, {x:400}, '+=1')
  .shiftChildren(3);
重播

转载原创文章请注明:文章转载自:TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址:https://www.tweenmax.com.cn/api/timelinemax/shiftChildren()