Signification: Hauteur de la barre de défilement
Fonctions: Chargement de défilement (AJAX), positionnement fixe de navigation à défilement, positionnement du cadre de balle à défilement, etc.
Montre les effets de la navigation de défilement et du positionnement fixe de défilement de la barre latérale:
1. Browser Chrome
À la fois document.body.scrolltop et document.documentElement.scrolltop sont ok
2. Les différences entre le défilement dans chaque navigateur
IE6 / 7/8/9/10:
Pour les pages sans déclaration de doctype, vous pouvez utiliser document.body.scrolltop pour obtenir la hauteur de scrolltop;
Pour les pages avec des déclarations doctype, vous pouvez utiliser Document.DocumentElement.ScrollTop;
Safari:
Safari est assez spécial, et il a sa propre fonction pour obtenir le scrolltop: window.pageyoffset;
Firefox:
Firefox et d'autres navigateurs relativement standard sont beaucoup plus sans souci, utilisez-les directement
document.DocumentElement.ScrollTop;
3. Obtenez une valeur de défilement
Parfait pour obtenir une phrase d'affectation ScrollTop:
var scrolltop = document.DocumentElement.scrolltop || window.pageyoffset || document.body.scrolltop;
PS: Problème dans l'utilisation de défilement dans JavaScript
document.DocumentElement.ScrollTop fait référence aux coordonnées verticales de la barre de défilement
Document.DocumentElement.ClientHeight fait référence à la hauteur de la zone visible du navigateur.
Document.DocumentElement.ClientHeight-odiv est la coordonnée verticale initiale de la boîte en suspension (par rapport à la valeur supérieure du corps) (cette valeur est fixe)
Cependant, lorsque vous tirez la barre de défilement, la coordonnée verticale (cible) du cadre flottant doit être augmentée ou diminuée en fonction des coordonnées initiales pour obtenir l'effet de défiler visuellement avec la barre de défilement. La valeur d'augmentation ou de diminution est la distance que la barre de défilement tire, c'est-à-dire votre défilement
Permettez-moi de vous dire quelle est la différence entre ScrollTop et Offsettop dans JavaScript
ScrollTop fait référence à la distance à laquelle un bloc défile fait défiler vers le bas, comme le défilement vers le bas de 10 pixels, puis la valeur d'attribut de défilement de cet élément est de 10;
Le décalage est la distance absolue entre la bordure supérieure de l'élément et la bordure supérieure de l'élément parent.
Les deux ne décrivent pas la même chose, il n'y a donc pas de comparaison.
Ce qui précède est la description complète de ScrollTop dans JavaScript qui vous est présenté par l'éditeur. J'espère que cela vous sera utile. Si vous voulez en savoir plus, veuillez faire attention à wulin.com!