個人的によく使う、スクロールすると要素が出てくるアニメーションが実装できるjQueryコードをまとめました。
よろしければ参考にしてみてください。
jQueryで実装するスクロールフェードインアニメーション
すべてjQueryを使用しています。jQueryのCDNを読み込むことを忘れないようにしてください。
① スクロールで要素がふわっと出現する（opacity変化）
See the Pen
スクロールフェードインアニメーション②opacity編 by tom k (@tom-k-the-encoder)
on CodePen.
② 要素が下から上に移動しつつ、ふわっと出現する（y軸,opacity変化）
See the Pen
スクロールフェードインアニメーション① by tom k (@tom-k-the-encoder)
on CodePen.
