Objeto JavaScript

Manual de referência do JavaScript

Manual de referência JS DOM

Objeto Armazenamento do JS Objeto Janela do JavaScript

Método Window scrollTo()

scrollTo()o método rola o documento para a posição de coordenadas especificada.

scrollTo() rola para uma posição absoluta, enquantowindow.scrollBy()Role o documento para a quantidade de pixels especificada.

Para elementos de rolagem, consulteelemento.scrollTopeelemento.scrollLeft.

Sintaxe:

window.scrollTo(x-coord,　y-coord)

Exemplo

<botão onclick="window.scrollTo(0,500,　0);">Clique</botão>

Teste e Veja‹/›

Compatibilidade do navegador

Todos os navegadores suportam completamente o método scrollTo():

Método
scrollTo()	Sim	Sim	Sim	Sim	Sim

Valor do Parâmetro

Parâmetro	Descrição
x-coord	Para exibir os pixels no eixo horizontal do documento, localizados no canto superior esquerdo
y-coord	Para exibir os pixels no eixo vertical do documento, localizados no canto superior esquerdo

Detalhes Técnicos

Retorno de Valor:	Nenhum

Mais Exemplos

Rolar Documento Verticalmente500 pixels:

Exemplo

<botão onclick="window.scrollTo(0,　500);">Clique</botão>

Teste e Veja‹/›

Rolar Horizontal e Verticalmente o Documento:

Exemplo

<botão onclick="window.scrollTo(0,　50)">Rolar para Baixo</botão>
<botão onclick="window.scrollTo(0,　-50)">Rolar para Cima</botão>
<botão onclick="window.scrollTo(0,300,　0)">Rolar para a Direita</botão>
<botão onclick="window.scrollTo(0,-300,　0)">Rolar para a Esquerda</botão>

Teste e Veja‹/›

Referências Relacionadas

Referência da Janela (Window):método window.scrollBy()

Referência do HTML DOM:elemento .scrollLeft propriedade

Referência do HTML DOM:elemento .scrollTop propriedade

Objeto Janela do JavaScript

Objeto Armazenamento do JS Objeto Janela do JavaScript