Comment puis-je détecter lorsqu'un utilisateur atteint la fin d'une page Web déroulante ?

Détection du point final du défilement

Dans le domaine du développement Web, les systèmes de pagination s'efforcent d'offrir aux utilisateurs une expérience de chargement de contenu transparente pendant qu'ils font défiler en bas de la page. Pour y parvenir, il est crucial de déterminer quand un utilisateur atteint le bas de la zone de défilement.

Solution jQuery

jQuery offre une solution élégante à ce problème. En tirant parti de l'événement .scroll() sur l'objet window, vous pouvez suivre la position de défilement :

$(window).scroll(function() {
  // Calculate the current scroll position
  var scrollTop = $(window).scrollTop();
  // Determine the total height of the window
  var windowHeight = $(window).height();
  // Determine the overall content height
  var documentHeight = $(document).height();

  // Check if the user is at the bottom of the page
  if (scrollTop + windowHeight >= documentHeight) {
    alert("User has scrolled to the bottom!");
  }
});

Ce script capture l'activité de défilement de l'utilisateur et affiche une alerte lorsque le bas de la page est atteint. Pour détecter quand l'utilisateur est proche du bas, vous pouvez ajuster la condition de comparaison :

if (scrollTop + windowHeight > documentHeight - 100) {
  alert("User is near the bottom!");
}

En modifiant la valeur du seuil (100 pixels dans cet exemple), vous pouvez personnaliser le point de déclenchement de votre système de pagination .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!