特定の Div が表示されている場合にのみスクロールにさらにデータをロードするにはどうすればよいですか?

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

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

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

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

1. スクロール イベント リスナーの実装:

   $(window).scroll(function() {
       // Your code here
   });

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

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

3. 新しいデータのフェッチと追加 (if ステートメント内):

   // Make an AJAX call to retrieve new data
   // Append the retrieved data to the visible .loading div

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

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