Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.
Window.scrollX
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
* Some parts of this feature may have varying levels of support.
Resumen
Retorna el número de pixels que el documento ha sido desplazado horizontalmente.
Sintaxis
var x = window.scrollX;
Parámetros
xserá 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;
Especificaciones
| Specification |
|---|
| CSSOM View Module # dom-window-scrollx |
Compatibilidad con navegadores
Enable JavaScript to view this browser compatibility table.