body.scrollTop vs documentElement.scrollTop vs window.pagYOffset vs window.scrollY

Question

Wenn versuchen, herauszufinden, wie viel eine Web-Seite wird von oben gescrollt worden, die von diesen sollte man Gebrauch:

document.body.scrollTop,

document.documentElement.scrollTop,

window.pagYOffset,

window.scrollY

Welche (s) würde ich in diesen zwei separaten Szenarien wählen:

a) Wenn ich eine maximale Kompatibilität (über den Haupt Browser verwendeten derzeit)

b) Wenn ich wollte Code, war die meisten Standards Beschwerde/wanted zukunftssicher/strict-mode-kompatibel (aber nicht darauf bedacht, alte/nicht-standardisierte Browser zu unterstützen)?

Answer 1

Ich bin mit drei von ihnen in der skrollr Quelle

return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; 

https://github.com/Prinzhorn/skrollr/blob/b98d40820b9864be275e81af382045d72cc5a08a/src/skrollr.js#L627

a) arbeitet es bisher in allen Browsern (niemand Beschwerde im vergangenen Jahr).

b) Da es die erste Definition verwenden wird, denke ich, es ist ziemlich zukunftssicher und stabil.

Wenn Sie Lust haben Sie dies tun könnte auch

Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop) 

Answer 2

Da skrollr nicht window.scrollY nicht verwendet, kann dies offensichtlich gewesen, aber als weitere Antwort auf die ursprüngliche Frage: window.pageYOffset ist ein Alias ​​für window.scrollY. Siehe Window.scrollY.

Answer 3

Um Prinzhorn ‚s answear:

Seit body und documentElement ist undefined in Chrome/Firefox, eine bessere Nutzung:

return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; 

selbst getestet.