Window.scrollX

This translation is incomplete. Please help translate this article from English

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

Ver también