Maison >interface Web >js tutoriel >Comment détecter lorsqu'un utilisateur a fait défiler vers le bas d'une division dans jQuery ?

Comment détecter lorsqu'un utilisateur a fait défiler vers le bas d'une division dans jQuery ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-29 03:30:29935parcourir

How to Detect When a User Has Scrolled to the Bottom of a Div in jQuery?

Détection de la fin du contenu Div à l'aide de jQuery

Question :

Dans un élément div avec contenu débordant et débordement automatique, comment pouvons-nous détecter quand l'utilisateur a fait défiler vers le bas du div à l'aide de jQuery ?

Code jQuery pour la détection du défilement inférieur :

<code class="jQuery">jQuery(function($) {
    $('#flux').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            // Event triggered when the end of the div is reached
            // Perform desired actions here
        }
    })
});</code>

Explication :

  • Utilisation de scrollTop() pour déterminer jusqu'où l'utilisateur a fait défiler le div.
  • Ajout de innerHeight() pour tenir compte de la partie visible du div.
  • Comparer la somme à scrollHeight (la hauteur du contenu à l'intérieur du div) pour détecter quand l'utilisateur a atteint le bas.

Cette approche fournit un moyen fiable de déclencher un événement lorsque l'utilisateur fait défiler jusqu'à la fin du div spécifique, permettant le chargement dynamique du contenu ou toute autre fonctionnalité souhaitée.

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!

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