GSAP

コンテンツの高さが動的に変わる場合に GSAP ScrollTrigger が機能しないときの対処法

March 17, 2026

width, height が指定されていない画像がまだ読み込まれていない場合や、コンテンツが動的に読み込まれる場合(via AJAX/fetch/etc.)など、コンテンツがページのレイアウトに影響する場合は ScrollTrigger を refresh する必要がある。

ScrollTrigger を更新するには ScrollTrigger.refresh() を、画像や新しいコンテンツを読み込むメソッドを使っているコールバック内でコールする。


back to note