参考サイト
gsap.matchMedia()
https://greensock.com/docs/v3/GSAP/gsap.matchMedia()
GSAP(基本機能)
https://qiita.com/takeshisakuma/items/97a7f702ec3c4f656525
GSAPを使って複雑なオープニングアニメーションを作ってみよう
https://b-risk.jp/blog/2022/05/gsap/
GSAPのScrollTrigger.jsを使ったスクロールアニメーションを実装する方法
https://yumegori.com/gsap-scrolltrigger#chapter-17
GSAP ブレイクポイント毎の挙動の切り替え
matchMedia() を使う。
// ブレイクポイント毎の挙動の切り替え
ScrollTrigger.matchMedia({
// スマホ版での表示
"(max-width: 767px)": function() {
// スマホ版での処理内容
},
// PC版での表示
"(min-width: 768px)": function() {
// PC版での処理内容
},
});