Delighters.js + CSSアニメーション CSSアニメーションを自分で書きたいという場合はDelighters.jsが便利かと思います。 実装がどんどん簡単になっている!スクロールに連動するCSSアニメーションを与えるスクリプト -Delighters HTMLでアニメーションを与える要素に「data-delighter」を加えるとデフォルト(.delighter), アニメーションスタート時(.started),アニメーション終了時( .ended)のクラスがスクロールに応じて付与されるので、好きなアニメーションをCSSで記述できます。 また、optionを指定することでビューポートのどのラインに要素が来たときにクラスが付与されるか設定することができます。モバイルでアニメーションをオフにするオプションは用意されていないようなので、こちらは自前で設定する必要がありそうです。(j