スクロールに応じたアニメーションにイージング関数を適用したい - Mach3.laBlogこの記事は賞味期限切れです。（更新から1年が経過しています） 縦長にスクロールしてアニメーションを楽しませるサイトも今では珍しくなくなってきました。 実装する機会もぼちぼちありそうなので、今日はそういったアニメーションでイージング関数を利用するお話です。 スクロールに応じたアニメーションって何 「パララックス」と一言にいってしまえば良いのですが、 視差効果で立体的に見せる手法を指して「パララックス」と言うのならば そうではないコンテンツも多くあると思いますので、 「スクロール量に応じてコンテンツをアニメーションさせる事」を、 ここではそのように呼称したいと思います。 ちょっと長いので「スクロールアニメーション」でいいでしょうか。 シンプルな例 具体的にどういう事なのかをごくシンプルなコードで表現してみます。 $(window).on("scroll", function(){ var sc
