Cet article décrit la méthode d'utilisation des événements de barre de scroll par JS. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Je me demandais auparavant comment surveiller les événements de la barre de défilement, mais aujourd'hui, je comprends enfin un peu.
Le code suivant est d'écouter la barre de défilement tant qu'il se déplace, et le div ci-dessous revient en haut pour afficher et masquer le code.
window.onscroll = function () {var t = document.DocumentElement.ScrollTop || document.body.scrolltop; if (t> 0) {$ (". cbbFixed"). css ("inférieur", "10px"); } else {$ (". cbbfixed"). css ("inférieur", "-85px"); }}Note:
T: la distance entre la barre de défilement vers l'extrémité supérieure
T> 0, c'est-à-dire une fois la barre de défilement défilée, l'instruction if () est exécutée immédiatement. Le code dans else () est que lorsque la barre de défilement atteint le haut, la div en haut est cachée.
Retour à l'opération de clic du bouton supérieur:
$ ("# cgotop"). cliquez sur (fonction () {$ ('body, html'). animate ({scrolltop: 0}, 100); return false;});Remplir:
1. Écoutez l'événement de barre de défilement d'un certain élément
$ (sélecteur) .scroll (function () {......});2. Obtenez la distance du défilement
$ (sélecteur) .scrollTop (); $ (sélecteur) .scrolllefft ();
PS: Ici, je recommande un outil de requête en ligne sur les événements JS, qui résume les types d'événements couramment utilisés et les fonctions de fonction de JS:
Une liste complète des événements et fonctions JavaScript:
http://tools.vevb.com/table/javascript_event
J'espère que cet article sera utile à la programmation JavaScript de tous.