交错总量 V4

定义一个自定义的交错长度，而不是使用交错目标的实际总长度。
当使用 use 参数定义的自定义顺序的最大值低于交错目标的实际数量时，此功能非常有用，特别是在同时使用 from、reversed 或 ease 参数的情况下。

接受

数字

默认值

null

交错总量代码示例

import { animate, stagger } from 'animejs';

animate('.square', {
  x: '17rem',
  rotate: 90,
  delay: stagger(250, { use: 'data-index', total: 2, reversed: true }),
});

<div class="small row">
  <div class="square" data-index="0"></div>
  <div class="padded label">data-index="0"</div>
</div>
<div class="small row">
  <div class="square" data-index="0"></div>
  <div class="padded label">data-index="0"</div>
</div>
<div class="small row">
  <div class="square" data-index="1"></div>
  <div class="padded label">data-index="1"</div>
</div>
<div class="small row">
  <div class="square" data-index="1"></div>
  <div class="padded label">data-index="1"</div>
</div>