GSAPの慣性スクロールライブラリ「ScrollSmoother」の使い方を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

ただ、慣性スクロールと組み合わせたいときに、ちょっと工夫が必要で困っていました。 2022年3月31日のバージョンGSAP3.10のリリースとともに、公式で慣性スクロールに対応したプラグインがリリースしたため、早速試してみたまとめ記事です。 ※2022年の4月に執筆しています ※有料プラグインなので、ライセンス確認して適切なライセンスを購入してください 使い方は他のプラグインと一緒です。 npmを利用した環境で利用しているので、いつものようにGSAPをいれて、適当な場所にプラグインファイルを置いたら読み込みます。 npm install gsap そうしたのちにJSでプラグインの利用を宣言します。 import { gsap } from 'gsap' import { ScrollSmoother } from './gsap/ScrollSmoother' gsap.registerP