autoplay
定义动画的播放模式。
当动画添加到时间线时,autoplay 参数无效,并且将被覆盖为 false
。
接受
Boolean
| onScroll()
- 如果设置为
true
,动画将自动播放 - 如果设置为
false
,动画必须手动播放 - 如果设置为
onScroll()
,动画将在满足滚动阈值条件时启动
默认值
true
要全局更改默认值,请更新 engine.defaults
对象。
import { engine } from 'animejs';
engine.defaults.autoplay = false;
autoplay 代码示例
animate('.autoplay-true', {
x: '17rem',
autoplay: true, // Default
});
animate('.autoplay-false', {
x: '17rem',
autoplay: false,
});
<div class="medium row">
<div class="circle autoplay-true"></div>
<div class="padded label">autoplay: true</div>
</div>
<div class="medium row">
<div class="circle autoplay-false"></div>
<div class="padded label">autoplay: false</div>
</div>