Gasp 是一个很强的动画库，最近遇到一个问题，在写一个Builder 的时候，发现动画在 Builder 里面执行异常，经常卡住或者不出现。

后面排除了一下，因为给了builder 高度为100vh，设置了overflow:auto

scrollTrigger 默认情况下scroller是window，而在builder里面的时候参照物已经不是window了，需要重新判断在builder的时候设置为builder的id。

export function gsapScrollerFactory(doc: Document): any {
  const scroller = doc.getElementById('gsap-scroller');
  if (scroller) {
    return '#gsap-scroller';
  } else {
    return window;
  }
}

gasp scrollTrigger 动画在HTML容器中播放异常的解决办法

POPULAR POSTS

CATEGORIES