Profondeur de défilement de moniteur pour le chargement précis du contenu

Dans un système de pagination où le contenu se charge en atteignant le bas, déterminer quand un utilisateur a fait défiler à l'extrémité devient crucial. jQuery fournit une solution élégante à ce défi.

Méthode:

EXECTEUR DE LA. // Calculer la position totale de défilement et la comparer à la hauteur du document if ($ (fenêtre) .scrolltop () $ (fenêtre) .Height () == $ (document) .Height ()) { alerte ("en bas!"); } });

$(window).scroll(function() {
   // Calculate total scroll position and compare it to document height
   if($(window).scrollTop()   $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

pour les scénarios où vous souhaitez déclencher une action avant le bas réel, modifiez le code comme suit:

$ (fenêtre). // Vérifiez si l'utilisateur est à moins de 100 pixels du bas if ($ (fenêtre) .scrolltop () $ (fenêtre) .Height ()> $ (document) .Height () - 100) { alerte ("près du fond!"); } });

$(window).scroll(function() {
   // Check if user is within 100 pixels from the bottom
   if($(window).scrollTop()   $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});