Resumen
Retorna el número de pixels que el documento ha sido desplazado horizontalmente.
Sintaxis
var x = window.scrollX;
Parámetros
- x será el número de pixels que el documento está desplazado actualmente desde la izquierda.
Ejemplo
// Si scrollX es mayor que 400, reinicia la posición de desplazxamiento al inicio supuerior-izquierdo del documento.
if (window.scrollX > 400) {
window.scroll(0,0);
}
Notas
La propiedad pageXOffset
es un alias de la propiedad scrollX
:
window.pageXOffset == window.scrollX; // siempre true
Para compatibilidad cruzada entre navegadores, use window.pageXOffset
en lugar de window.scrollX
. Adicionalmente, versiones más antiguas de Internet Explorer (< 9) no soportan ninguna de las dos propiedades y deben ser sorteadas examinando otras propiedade no estandar. Un ejemplo totalmente compatible:
var x = (window.pageXOffset !== undefined)
? window.pageXOffset
: (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.pageYOffset !== undefined)
? window.pageYOffset
: (document.documentElement || document.body.parentNode || document.body).scrollTop;
Especificación
Especificación | Estado | Observaciones |
---|---|---|
CSS Object Model (CSSOM) View Module La definición de 'window.scrollX' en esta especificación. |
Working Draft |
Compatibilidad con navegadores
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Prestación | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Soporte básico | (Yes) | (Yes) | 9.0 | (Yes) | (Yes) |
Prestación | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Soporte básico | ? | ? | ? | ? | ? | ? | ? | ? |