フェードイン表示のサンプルページ

仕様は単純です。以下の通り。(jQuery使ってます)

• CSSであらかじめclass「fade」と「fadein」のフェードイン表示の定義を作成する
• スクロール時に実行される処理Aを作る
• Aの処理内で、class「fade」が付与されている「要素nすべて」に対しての処理を作る
• ブラウザのサイズ（高さ）を取得する
• 要素nの位置（Y軸）を取得する
• 要素nの位置が（スクロール量＋ブラウザの高さ）より小さければ、class「fadein」を要素nに追加で付与する
• 動作を確認する

具体的なコードはソースコードを見てください。

▼ここから下の要素がすべてが、スクロール時に画面に入るとフェードイン表示されます。

スクロールに合わせて表示されるタイトルです

スクロールに合わせて表示されるテキストです

フェードイン表示はこのテキストまで。