Maison  >  Article  >  interface Web  >  Méthode jQuery pour charger dynamiquement le contenu lorsque la page est scrolled_jquery

Méthode jQuery pour charger dynamiquement le contenu lorsque la page est scrolled_jquery

WBOY
WBOYoriginal
2016-05-16 16:08:231161parcourir

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.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn