ScrollObserver 同步模式

确定动画的行为以及它如何相对于滚动进度或通过满足某些阈值进行同步。
不同的同步模式在 onScroll() 参数 Object 的 sync 属性上定义。

animate('.square', {
  x: 100,
  autoplay: onScroll({
    container: '.container',
    target: '.section',
    axis: 'y',
    enter: 'bottom top',
    leave: 'top bottom',
┌──────────────────────────┐
│   sync: true,            ├─ Synchronisation Mode
└──────────────────────────┘
    onEnter: () => {},
    onLeave: () => {},
    onUpdate: () => {},
  })
});