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 | ? | ? | ? | ? | ? | ? | ? | ? |