.shiftChildren()

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

.shiftChildren()的参数

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

.shiftChildren() 示例


所有动画往后调整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);

.shiftChildren()返回值

.shiftChildren()的补充说明