La bonne façon d'utiliser javascript scrollTop

javascript scrollTop Obtient le décalage de la barre de défilement par rapport à son haut (par exemple en créant un bouton "retour en haut" qui s'affiche et se cache automatiquement). Dans les applications pratiques, nous rencontrons souvent les problèmes suivants :
document.documentElement.scrollTop vaut toujours 0 dans Chrome
document.body.scrollTop vaut toujours 0 dans IE et Firefox

1, chaque différence dans window.pageYOffset/document.documentElement.scrollTop/document.body.scrollTop sous le navigateur
Exemple :

<span style="font-size: 16px;">window.scroll(0,100)<br/>console.log(“window.pageYOffset:”+window.pageYOffset)<br/>console.log(“document.documentElement.scrollTop:”+document.documentElement.scrollTop)<br/>console.log(“document.body.scrollTop:”+document.body.scrollTop)</span>

IE6/7/8 :
doctype :
window .pageYOffset : non défini
document.documentElement.scrollTop:100
document.body.scrollTop:0

Pas de doctype :
fenêtre. pageYOffset : non défini
document.documentElement.scrollTop:0
document.body.scrollTop:100
Safari/Chrome :
window.pageYOffset:100
document.documentElement.scrollTop:0
document.body.scrollTop : 100

Firefox/Opera :

doctype :
window.pageYOffset : 100
document .documentElement.scrollTop:100
document.body.scrollTop: 0

Aucun type de document :
window.pageYOffset : 100
document.documentElement.scrollTop : 0
document.body.scrollTop : 100

2. Obtenez la valeur scrollTop
Obtenez parfaitement l'abréviation de l'affectation scrollTop :

<span style="font-size: 16px;">var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;</span>

Pour plus d'articles liés à la méthode correcte d'utilisation de javascript scrollTop, veuillez faire attention au site Web PHP chinois !