1. ホーム
  2. javascript

[解決済み】jQueryを使用してページのスクロール位置を検出する方法

2022-04-13 09:40:18

質問

ホームページのjQueryの機能で困っています。この機能は window.scroll() 関数を使用して、ウィンドウのスクロール位置が変わったことを認識し、その変更時にいくつかの関数を呼び出してサーバーからデータをロードします。

問題は .scroll() 関数は、スクロール位置が少しでも変わるとすぐに呼び出され、一番下にデータをロードします。しかし、私が実現したいのは、Facebookフィードで起こるように、スクロール/ページ位置が一番下に達したときに新しいデータをロードすることです。

しかし、私はjQueryを使用してスクロール位置を検出する方法がよく分からないのですか?

function getData() {
  $.getJSON('Get/GetData?no=1', function (responseText) {
    //Load some data from the server
  })
};

$(window).scroll(function () {
    getData();
});

解決方法は?

スクロール位置を抽出するには、jQueryの .scrollTop() メソッド

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    // Do something
});