みなさん、こんにちは、フロントエンドエンジニアのやまもとです。 今回は昨今、色々なサイトで見かける、 「スクロールして要素が画面の中に入った時にフェードインする」 という感じのエフェクトについて書いて見ようかと思います。 この処理は簡単な処理なのですが、 やり方しだいで色々と応用が効くので、覚えておくと便利かと思います。 今回の処理は3ステップ スクロールの量を取得する(「scrollTop()」を使用) 要素のドキュメント上の位置を取得する(「offset()」を使用) 1と2の値を比較して画面に入ったかどうかを判定する 1. スクロールの量を取得する(「scrollTop()」を使用) こちらタイトルの通りの処理なのですが、jQueryで用意されている 便利���メソッドのscrollTop()を利用して、 今、どれくらいスクロールしたかを取得します。 また、スクロールごとに処理をさせ