RailsでScrollTriggerを導入する【メモ】

ScrollTriggerとは

2020年5月にGSAP（GreenSock Animation Platform）から生まれたスクロールアニメのためのライブラリです。とても少ないコードで実装でき、簡単にアニメーションが出来上がります。ドキュメントに動画付きで方法が乗っているので見てみてください。
今回はそんなライブラリを導入する方法を自分のためのメモとして残しておきます。
また、どなたかのお役に立てたら、嬉しいです。

YouTube

導入方法

1,GSAPのモジュールをインストールします

% yarn add gsap

2,gsap、ScrollTriggerをそれぞれimportします
※Nuxt.jsの場合は別の記述が必要なので、ドキュメントを参照してください

application.js

require("greensocks")
import { gsap } from "gsap";
import { ScrollTrigger } from 'gsap/ScrollTrigger'

参照

ドキュメント
【2021年最新】GSAPの「ScrollTrigger」を使って爆速でスクロールアニメを実装する