Das Beispiel in diesem Artikel beschreibt, wie jQuery das dynamische Laden von Inhalten beim Scrollen der Seite implementiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Viele Websites, wie z. B. Twitter und die JD.com-Homepage, laden den Seiteninhalt dynamisch, wenn die Seite zu einer bestimmten Position scrollt. Dies kann das Öffnen der Seite beschleunigen und Bandbreite sparen Mach es.
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); });
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.