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
Libérer: 2024-10-29 03:30:29
original
960 Les gens l'ont consulté

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

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal