Ejemplo
Desplazarse por el contenido 100 píxeles, y alertar al pageXOffset y pageYOffset:
window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Las propiedades pageXOffset y pageYOffset devuelve los píxeles del documento actual se ha desplazado desde la esquina superior izquierda de la ventana, horizontal y verticalmente.
Las propiedades pageXOffset y pageYOffset son iguales a las propiedades scrollx y scrolly.
Estas propiedades son de sólo lectura.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
pageXOffset | Sí | 9.0 | Sí | Sí | Sí |
pageYOffset | Sí | 9.0 | Sí | Sí | Sí |
Note: Para IE8 y anteriores, puede utilizar "document.documentElement.scrollLeft" y "document.documentElement.scrollTop" en su lugar (See "More Examples" below) .
Sintaxis
window.pageXOffset
window.pageYOffset
Detalles técnicos
Valor de retorno: | Un número, que representa el número de píxeles que el documento ha sido desplazado desde la esquina superior izquierda de la ventana, horizontal y verticalmente |
---|
Más ejemplos
Ejemplo
Una solución multi-navegador (usando scrollLeft y scrollTop para IE8 y anteriores):
window.scrollBy(100, 100);
if (window.pageXOffset !== undefined) { //
All browsers, except IE9 and earlier
alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and
earlier
alert(document.documentElement.scrollLeft +
document.documentElement.scrollTop);
}
Inténtalo tú mismo " <Ventana Object