Propriedade scrollX da Window

Objeto Janela do JavaScript

scrollXRetorna o documento/O valor em pixels da rolagem horizontal da página.

A propriedade scrollX épageXOffsetAlias da propriedade.

Sintaxe:

window.scrollX

var x = window.scrollX;
var y = window.scrollY;

Nota: As propriedades scrollX e scrollY são iguais às propriedades pageXOffset e pageYOffset.

Compatibilidade do navegador

O número na tabela especifica a primeira versão do navegador que suporta completamente a propriedade scrollX:

Detalhes técnicos

Mais exemplos

Role o conteúdo100 pixels, e exiba scrollX e scrollY:

window.scrollBy(100,　100);
var x = window.scrollX;
var y = window.scrollY;

Solução cross-browser (para IE8e versões mais antigas, use scrollLeft e 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;

Referências Relacionadas

Referência da Janela (Window):window.pageXOffset propriedade

Referência da Janela (Window):window.pageYOffset propriedade

Referência da Janela (Window):window.scrollY propriedade

Referência do HTML DOM:elemento .scrollLeft propriedade

Referência do HTML DOM:elemento .scrollTop propriedade

Objeto Janela do JavaScript