Janela scrollBy() Method

Exemplo

Rola o documento por 100px horizontalmente:

window.scrollBy(100, 0);

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O scrollBy() método desloca-se o documento pelo número especificado de pixels.

Note: Para que esse método funcione, a propriedade visível da barra de rolagem da janela deve ser definido como verdadeiro!

Suporte navegador

Método
scrollBy()	sim	sim	sim	sim	sim

Sintaxe

window.scrollBy( Os valores dos parâmetros

Parâmetro	Tipo	Descrição
xnum	Number	Requeridos. Quantos pixels para rolar por, ao longo do eixo x (horizontal) . Os valores positivos irão rolar para a esquerda, enquanto valores negativos irá rolar para a direita
ynum	Number	Requeridos. Quantos pixels para rolar por, ao longo do eixo y (vertical) . Os valores positivos irão rolar para baixo, enquanto valores negativos rolar para cima

Detalhes técnicos

Valor de retorno:	Nenhum valor de retorno

mais Exemplos

Exemplo

Rola o documento por 100px verticalmente:

window.scrollBy(0, 100);

Tente você mesmo "

Exemplo

Continuando o documento horizontalmente e verticalmente:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>

<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>

Tente você mesmo "