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

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

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/

Jquery

Posted by webkblog