☰

ユーザーが一番下までスクロールしたかどうかを確認します（ウィンドウだけでなく、任意の要素）質問する

tag-icon • tag-icon javascript jquery scroll pagination
ユーザーが一番下までスクロールしたかどうかを確認します（ウィンドウだけでなく、任意の要素）質問する

私は、ユーザーが一番下までスクロールするとコンテンツが読み込まれるページネーション システム (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トリガーしたい下からのピクセルに合わせて調整するだけです。

おすすめ記事