Maison > interface Web > js tutoriel > 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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 16:08:23
original
1217 Les gens l'ont consulté

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);
});
Copier après la connexion

J'espère que cet article sera utile à la programmation jQuery de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal