jQuery / Auto Load

スクロールで次のページを自動読み込みのサンブルです

ウィンドウをスクロールした際に、表示コンテンツが残り10px以内になると自動で続き(ダミー)を読み込みます。
また、初回のみウィンドウの下端に達するまで連続で読み込んでます。
わかりやすいように読み込み時のフェードインを3秒にしています。
対象となるコンテンツ部分の高さが10000pxを超えると読み込みをやめます。(※実際は最後のページを読み込んだ時とか)

2011.04.21追記
オートロードするデータが同時に複数読み込まれないように排他制御入れました。
AJAXでデータ取ってくる時とか困るので。

戻る