Atributo pageXOffset da Window

Definição e uso

pageXOffset O atributo retorna o número de pixels rolados do documento a partir do canto superior esquerdo da janela.

pageXOffset O atributo é igual a scrollX Atributo

pageXOffset O atributo é somente leitura.

Veja também:

Atributo screenX

Atributo screenY

Exemplo

Exemplo 1

Role o conteúdo 100 pixels e avise sobre pageXOffset e pageYOffset:

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

Experimente você mesmo

Exemplo 2

Crie um navbar adesivo:

// Obtenha o navbar
const navbar = document.getElementById("navbar");
// Obtenha a posição de deslocamento do navbar
const sticky = navbar.offsetTop;
// Adicione a classe sticky ao navbar quando você chegar ao seu ponto de rolagem. Remova a classe sticky ao sair do ponto de rolagem.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

Experimente você mesmo

Sintaxe

window.pageXOffset

Ou:

pageXOffset

Valor retornado

Tipo Descrição
Número Número de pixels rolados do documento a partir do canto superior esquerdo da janela.

Suporte do navegador

Todos os navegadores suportam window.pageXOffset:

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