ページがスクロールされたときにコンテンツを動的にロードするための jQuery メソッド_jquery

この記事の例では、ページがスクロールされたときに jQuery がコンテンツの動的読み込みを実装する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

twitter や JD.com ホームページなどの多くの Web サイトでは、ページが特定の位置までスクロールすると、ページのコンテンツが動的に読み込まれます。これにより、ページを開く速度が向上し、帯域幅が節約されます。到着してください。

var loading = false;
$(window).scroll(function(){
 if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
  if(loading == false){
   loading = true;
   $('#loadingbar').css("display","block");
   $.get("load.php?start="+$('#loaded_max').val(), function(loaded){
    $('body').append(loaded);
    $('#loaded_max').val(parseInt($('#loaded_max').val())+50);
    $('#loadingbar').css("display","none");
    loading = false;
   });
  }
 }
});
$(document).ready(function() {
 $('#loaded_max').val(50);
});

この記事が皆さんの jQuery プログラミングに役立つことを願っています。