[解決済み】ユーザーが一番下までスクロールしたかどうかを確認する（ウィンドウだけでなく、任意の要素）【重複】。

質問

ページネーションシステム（Facebookのようなもの）を作っているのですが、ユーザーが一番下までスクロールするとコンテンツがロードされるようになっています。これを行う最良の方法は、ユーザーがページの一番下にいるときを見つけ、より多くの記事を読み込むためにAjaxクエリを実行することだと想像しています。

唯一の問題は、ユーザーがページの一番下までスクロールしたかどうかを確認する方法がわからないことです。何かアイデアはありますか？

jQueryを使用しているので、それを使用した回答を自由に記入してください。

解決方法は？

を使用します。 .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 を下から何ピクセル目にトリガーさせたいか指定します。