link()
将一个Animation、Timer或Timeline连接到ScrollObserver实例。
这等同于在autoplay参数上定义一个onScroll()实例。
每次只能链接一个对象，每次调用link()都会覆盖之前链接的对象。
接受
返回
ScrollObserver 本身
link() 代码示例
import { animate, onScroll } from 'animejs';
const animation = animate('.square', {
x: '15rem',
rotate: '1turn',
ease: 'linear',
});
const scrollObserver = onScroll({
container: '.scroll-container',
enter: 'bottom-=50 top',
leave: 'top+=60 bottom',
sync: true,
debug: true,
});
scrollObserver.link(animation);<div class="scroll-container scroll-y">
<div class="scroll-content grid square-grid">
<div class="scroll-section padded">
<div class="large row">
<div class="label">scroll down</div>
</div>
</div>
<div class="scroll-section padded">
<div class="large row">
<div class="square"></div>
</div>
</div>
<div class="scroll-section">
</div>
</div>
</div>