位置速记

通过传递位置名称来定义目标和容器的位置。

接受

值	返回
`'top'（顶部）`	y 轴的顶部值
`'bottom'（底部）`	y 轴的底部值
`'left'（左侧）`	x 轴的左侧值
`'right'（右侧）`	x 轴的右侧值
`'center'（中心）`	x 或 y 轴的中心值
`'start'（开始）`	根据轴向，相当于 `'top'` 和 `'left'`
`'end'（结束）`	根据轴向，相当于 `'bottom'` 和 `'right'`

位置速记代码示例

import { animate, onScroll } from 'animejs';

animate('.square', {
  x: '15rem',
  rotate: '1turn',
  duration: 2000,
  alternate: true,
  loop: true,
  ease: 'inOutQuad',
  autoplay: onScroll({
    container: '.scroll-container',
    enter: 'center top',
    leave: 'center bottom',
    debug: true
  })
});

<div class="scroll-container scroll-y">
  <div class="scroll-content grid square-grid">
    <div class="scroll-section padded">
      <div class="large centered 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>