English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Atributo scrollX de Window

Objeto Window de JavaScript

scrollXDevuelve el documento/El valor en píxeles de desplazamiento horizontal de la página.

La propiedad scrollX espageXOffsetAlias de la propiedad.

Sintaxis:

window.scrollX
var x = window.scrollX;
var y = window.scrollY;
Prueba aquí‹/›

Nota: Las propiedades scrollX y scrollY son iguales a las propiedades pageXOffset y pageYOffset.

Compatibilidad del navegador

El número en la tabla especifica la primera versión del navegador que admite completamente la propiedad scrollX:

Atributo
scrollXes55eses9

Detalles técnicos

Valor devuelto:Un número que representa el valor en píxeles de desplazamiento horizontal

Más ejemplos

Mover el contenido100 píxeles y muestra scrollX y scrollY:

window.scrollBy(100, 100);
var x = window.scrollX;
var y = window.scrollY;
Prueba aquí‹/›

Solución de compatibilidad entre navegadores (para IE8y versiones anteriores, utilice scrollLeft y scrollTop):

var x = (window.scrollX !== undefined)
  ? window.scrollX
  : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.scrollY !== undefined)
  ? window.scrollY
  : (document.documentElement || document.body.parentNode || document.body).scrollTop;
Prueba aquí‹/›

Referencias relacionadas

Referencia de Ventana (Window):propiedad window.pageXOffset

Referencia de Ventana (Window):propiedad window.pageYOffset

Referencia de Ventana (Window):propiedad window.scrollY

Referencia de HTML DOM:elemento propiedad .scrollLeft

Referencia de HTML DOM:elemento propiedad .scrollTop

Objeto Window de JavaScript