[解決済み】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
});
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
JavaScriptのgetElementById()メソッド入門
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
jsを使った簡単な照明スイッチのコード
-
JavaScriptのクロージャの説明
-
Vueでルートネスティングを実装する例
-
Vueのイベント処理とイベントモディファイアの解説
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み】TypeError: Router.use() はミドルウェアの関数を要求しているが、Object を取得した。
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方