jQuery: スクロール時にさらにデータをロード

特定の div (.ローディング) が可視化されることは、貴重なテクニックとなる可能性があります。このシナリオでは、ドロップダウンボックス内に複数の .loading div があり、タスクは現在表示されている div に対してのみデータの読み込みを開始することです。

.loading div が表示されているかどうかを判断するために、jQuery は以下を提供します。信頼できるソリューション。スクロール機能を利用すると、ユーザーのスクロール位置を監視し、ユーザーがページの下部に到達したタイミングを判断できます。

その仕組みは次のとおりです:

スクロールイベントリスナーの実装:
```
$(window).scroll(function() {
    // Your code here
});
```
ログイン後にコピー

最後に到達したかどうかの確認:

if($(window).scrollTop() == $(document).height() - $(window).height()) {
    // Fetch and Append New Data
}

ログイン後にコピー

新しいデータのフェッチと追加 (if ステートメント内):
```
// Make an AJAX call to retrieve new data
// Append the retrieved data to the visible .loading div
```
ログイン後にコピー

この手法を実装すると、特定の .xml が発生した場合にのみ、より多くのデータを効果的にロードできます。スクロール中に div の読み込みが表示されるようになり、シームレスで応答性の高いユーザーエクスペリエンスが保証されます。

以上が特定の Div が表示されている場合にのみスクロールにさらにデータをロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。