ScrollMagicを使ってスクロールに応じたアニメーションをさせてみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、CTOのづやです。 サイトを作っていると「スクロールに応じて何かをさせたい」なんてことをよく思ったりするのではないでしょうか。 0から書いてもいいのですが、簡単にできたら、というときのためのプラグイン「ScrollMagic」を試してみました。 こんな例のような動きがつけられちゃうらしいので、早速紹介していきます。 使うための準備 まずはこちらのGitHubから。 ScrollMagicはjQuery PluginなのでjQueryが必須なのはもちろん、TweenMaxといったライブラリも必要になります。 読み込むときには当然それらも必要になりますので、↓のような感じで準備しましょう。 <script src="js/TweenMax.min.js"></script> <script src="js/jquery.min.js"></script> <script src="

[sky_2007]

js

[daizo1117]

“ window['dataLayer'] = window['dataLayer'] || []; window['dataLayer'].push({ 'bg_jack': 'アナリティクスハザード | WACUL' }); ”

[tanishins]

機会があれば使ってみたい

[mut00tum]

“ScrollMagic”

[z1a2nh]

ScrollMagicを使ってスクロールに応じたアニメーションをさせてみよう

[minonet]

ScrollMagicを使ってスクロールに応じたアニメーションをさせてみよう こんにちは、CTOのづやです。 サイトを作っていると「スクロールに応じて何かをさせたい」なんてことをよく思ったりするのではないでしょうか。 0か...