私は、ユーザーが一番下までスクロールするとコンテンツが読み込まれるページネーション システム (Facebook のようなもの) を作成しています。これを実現する最善の方法は、ユーザーがページの一番下までスクロールしたときにそれを検出し、Ajax クエリを実行してさらに投稿を読み込むことだと思います。
唯一の問題は、ユーザーがページの一番下までスクロールしたかどうかを確認する方法がわからないことです。何かアイデアはありますか?
私は jQuery を使用しているので、jQuery を使用した回答を自由に提供してください。
ベストアンサー1
使用.scroll()
イベントはwindow
次のように表示されます:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
ここでテストできます、これはウィンドウの上部スクロール、つまり下にスクロールされた量を取得し、表示されているウィンドウの高さを追加して、それが全体のコンテンツの高さ ( document
) と等しいかどうかを確認します。代わりに、ユーザーが下部に近いかどうかを確認したい場合は、次のようになります。
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
alert("near bottom!");
}
});
そのバージョンをここでテストできます100
トリガーしたい下からのピクセルに合わせて調整するだけです。