Open2

GSAP ScrollTrigger とアコーディオン

BabaBaba

ScrollTriggerのTriggerより上で、アコーディオンなどがあるとき。
アコーディオンの開閉で、コンテンツ全体の高さが変わると、Triggerの位置がずれる。
refresh() すると位置を再計算してくれる。
リサイズ時は自動的にrefresh()してくれてるみたい。

    const tl = gsap.timeline({
      scrollTrigger: {
        invalidateOnRefresh: true,
        trigger: '#trigger',
        start: "top center",
        markers: true,
        toggleActions: 'play none none reverse',
      },
    })

    tl.scrollTrigger.refresh()
BabaBaba

invalidateOnRefresh いるんかな。。。