Objeto JavaScript

Manual de Referência do JavaScript

Manual de Referência JS DOM

Objeto Storage do JS Objeto Window do JavaScript

Método Window scrollBy()

scrollBy()o método rola o documento na janela especificada em pixels.

scrollBy() rola o documento especificado em pixels, enquantowindow.scrollTo()Rolar para a posição absoluta do documento.

Sintaxe:

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

Exemplo

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

Teste Veja‹/›

Compatibilidade do navegador

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

Método
scrollBy()	Sim	Sim	Sim	Sim	Sim

Valor do Parâmetro

Parâmetro	Descrição
x-coord	O valor de pixel horizontal que você deseja rolar. Valores positivos rolarão para a direita, enquanto valores negativos rolarão para a esquerda.
y-coord	O valor de pixel vertical que você deseja rolar. Valores positivos rolarão para baixo, enquanto valores negativos rolarão para cima.

Detalhes Técnicos

Retorno:	Nenhum

Mais Exemplos

Rolar Documento Verticalmente100 pixels:

Exemplo

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

Teste Veja‹/›

Rolar Horizontal e Verticalmente o Documento:

Exemplo

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

Teste Veja‹/›

Referências Relacionadas

Referência do Janela (Window):método window.scrollTo()

Referência do HTML DOM:elemento.scrollLeft propriedade

Referência do HTML DOM:elemento.scrollTop propriedade

Objeto Window do JavaScript

Objeto Storage do JS Objeto Window do JavaScript