Événement de défilement jQuery pour implémenter la pagination de la barre de défilement de surveillance example_jquery

L'événement scroll s'applique aux objets window, mais peut également faire défiler les éléments iframe avec la propriété CSS overflow définie sur scroll.

Copier le code Le code est le suivant :

$(document).ready(function ( ) { / / J'ai l'habitude d'écrire comme ça
$(window).scroll(function () {
//$(window).scrollTop() Cette méthode est la distance de défilement actuelle de la barre de défilement
//$(window ).height() Obtient la hauteur du formulaire actuel
//$(document).height() Obtient la hauteur du document actuel
var bot = 50 //bot est le hauteur à partir du bas
if ( (bot $(window).scrollTop()) >= ($(document).height() - $(window).height())))                                                                                                                                           La hauteur - la hauteur du formulaire ;
                                                                                                                                                });
}
});
});

Notez la différence entre : (window).height() et (document).height()

jQuery(window).height() représente la taille de la zone actuellement visible, tandis que jQuery(document).height() représente la hauteur de l'ensemble du document, qui peut être utilisée en fonction de la situation spécifique.

Notez que lorsque la taille de la fenêtre du navigateur change (par exemple après avoir maximisé ou agrandi la fenêtre), jQuery(window).height() change en conséquence, mais jQuery(document).height() reste inchangé.

Copier le code Le code est le suivant :

$(document).scrollTop() Obtient la distance de défilement vertical, qui est la distance depuis le haut de la fenêtre où vous faites actuellement défiler vers le haut de la page entière $(document).scrollLeft( ) C'est la distance pour obtenir la barre de défilement horizontale

Pour obtenir le sommet, il vous suffit d'obtenir scrollTop()==0, qui est le sommet

Pour atteindre le bas, récupérez simplement scrollTop()>=$(document).height()-$(window).height() Vous saurez alors que vous avez défilé vers le bas

Copiez le code Le code est le suivant :

$(document).height() //Obtenir la hauteur de la page entière

$(window ).height() //Il s'agit d'obtenir la hauteur actuelle de la partie de la page que votre navigateur peut voir. Cette taille changera lorsque vous zoomerez et dézoomerez sur la fenêtre du navigateur. C'est différent du document. Il doit être compréhensible en anglais


Faites simplement une expérience et vous saurez

Copiez le code<.> Le code est le suivant :$(document).scroll(function(){

$("#lb").text($(document ).scrollTop());

})