スクロール連動のライブラリ『ScrollMagic』の基本的な使い方 - Qiita

ScrollMagicとは ScrollMagicはスクロール連動のためのJavaScriptライブラリ。本記事執筆時点のバージョンは2.0.5。 以下のようなことができます。 スクロール位置をトリガーにして要素のアニメーションを行う スクロールバーの動きに合わせて要素を変化させる 要素を特定のスクロール位置に留める（pin） スクロール位置に合わせて要素のCSSクラスを入れ替える Examplesで利用例とソースコードを確認できます。 基本的な利用方法 スクリプト読み込み CDNから読み込む場合。 debug.addIndicators.min.jsはデバッグ用。 <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script> <script src="//cdnj

[daizo1117]

“応じてクラスの追加・削除を行なうことができます。 Class Toggles - Examplesでは、スクロールすると"#high1"要素に"active"クラスが追加され、さらにスクロールを続けると"active"クラスが削除されます。”