scrollX和pageXOffset有什么区别

Question

以下方法是否相同？

window.scrollX  === window.pageXOffset

window.scrollY  === window.pageYOffset

如果没有差异,为什么要引入两种方法？

Answer 1

来自MDN:

pageXOffset属性是scrollX属性的别名:

window.pageXOffset == window.scrollX; // always true 

对于跨浏览器兼容性,请使用window.pageXOffset而不是window.scrollX. 此外,旧版本的Internet Explorer(<9)不支持任何属性,必须通过检查其他非标准属性来解决.

同样的问题也发生在scrollY和pageYOffset.

来源:https://developer.mozilla.org/en-US/docs/Web/API/Window.scrollX