Atributo pageXOffset de la ventana

Definición y uso

pageXOffset El atributo devuelve el número de píxeles desplazados desde la esquina superior izquierda de la ventana del documento.

pageXOffset El atributo es igual a scrollX Atributo

pageXOffset El atributo es de solo lectura.

Vea también:

Atributo screenX

Atributo screenY

Ejemplo

Ejemplo 1

Desplace el contenido 100 píxeles y avise de pageXOffset y pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

Intente usted mismo

Ejemplo 2

Crear una barra de navegación pegajosa:

// Obtener el menú de navegación
const navbar = document.getElementById("navbar");
// Obtener la posición de desplazamiento del menú de navegación
const sticky = navbar.offsetTop;
// Al llegar a la posición de desplazamiento, agregue la clase sticky al menú de navegación. Elimínela al salir de la posición de desplazamiento.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Intente usted mismo

Sintaxis

window.pageXOffset

O bien:

pageXOffset

Valor devuelto

Tipo Descripción
Número Número de píxeles desplazados desde la esquina superior izquierda de la ventana del documento.

Soporte del navegador

Todos los navegadores lo admiten window.pageXOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte