Janela scrollBy()
Exemplo
Role o documento 100px horizontalmente:
window.scrollBy(100, 0);
Role o documento 100px verticalmente:
window.scrollBy(0, 100);
Mais exemplos abaixo.
Definição e uso
O scrollBy()
método rola o documento pelo número especificado de pixels.
Observação
Para que o scrollBy()
método funcione, o documento deve ser maior que a tela e a barra de rolagem deve estar visível.
Veja também:
Sintaxe
window.scrollBy(x, y)
ou apenas:
scrollBy(x, y)
Parâmetros
Parameter | Description |
x | Required. Number of pixels to scroll (horizontally). Positive values scroll to the right, negative values to the left. |
y | Required. Number ofpixels to scroll (vertically). Positive values scroll down, negative values scroll up. |
Valor de retorno
NENHUM |
Mais exemplos
Role o documento para cima e para baixo:
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Role o documento para a direita e para a esquerda:
<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>
Suporte ao navegador
scrollBy()
é suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |