レスポンシブ対応 GSAP パララックス

CSSに記述を加えるだけで簡単にレスポンシブ対応できるパララックスのメモ

See the Pen パララックス by yumyum-02 (@yumyum-02) on CodePen.

@media (max-width: 767px) {
  .js-parallax {
    --parallax-y: -50;
  }
}

これにより767px以下でパララックスで動く程度を指定しています。

参考
https://hakoirioyaji.com/blog/gsap-scrolltrigger-parallax/