Maison > Article > interface Web > Méthode jQuery pour charger dynamiquement le contenu lorsque la page est scrolled_jquery
L'exemple de cet article décrit comment jQuery implémente le chargement dynamique du contenu lorsque la page défile. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
De nombreux sites Web, tels que la page d'accueil de Twitter et JD.com, chargeront dynamiquement le contenu de la page lorsque la page défile jusqu'à une certaine position. Cela peut accélérer l'ouverture de la page et économiser de la bande passante. Le code JS suivant peut vous aider. fais-le.
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); });
J'espère que cet article sera utile à la programmation jQuery de chacun.