スクロール展開するjQueryプラグインアニメーション一覧

スクロールに合わせてアニメーションさせる

[jQuery]スクロール量に応じて(連動して)、アニメーションさせる方法 | UNORTHODOX WORKBOOK | Blog

jQueryでスクロールを監視して数値化し、それをリアルタイムに反映させることで、アニメーションのように滑らかに要素を変形させる方法。widthやheight、opacityといった数値を指定するプロパティと連動させることができます。

theorthodoxworks.com

rlSmooth

スクロールに合わせてテキスト等を表示
実装方法： https://blog.universe-web.jp/5396/
デモ：https://webkaru.net/jquery-plugin/sources/rlsmooth/demo.html

parallax

スクロールに合わせてコンテンツが変化する「パララックス効果」
実装 ・デモ： https://wanakijiji.github.io/parallax/

Enllax.js

複数のレイヤーを時間差で動かして表示するパララックスデザイン
デモ： http://mmkjony.github.io/enllax.js/

Fade This

コンテンツが横にスライドしながらフェードイン/フェードアウトするエフェクト
デモ： https://gimmicklog.com/demo/fadethis/fadethis.html

multiScroll.js

画面を左右に分割して、それぞれ上下異なる方向からスライドインさせる
デモ： https://alvarotrigo.com/multiScroll/

Skrollr

オブジェクトを異なる位置から異なるスピードでスライド
デモ： http://prinzhorn.github.io/skrollr/