Método para rolar a janela para uma posição em JavaScript
O método scrollTo rola a janela para uma posição especificada.
Seu primeiro parâmetro é a posição
horizontal, e o segundo - a vertical.
Vamos rolar a janela para a
posição especificada:
window.scrollTo(100, 200);
O método tem uma sintaxe alternativa,
na qual um objeto é passado como parâmetro.
Na chave top deste objeto
é especificada a posição vertical,
na chave left - a posição
horizontal, e na chave behavior -
o tipo de rolagem. O tipo pode ser 'auto'
ou 'smooth'. No segundo caso,
a rolagem será suave:
element.scrollTo({
top: 100,
left: 100,
behavior: 'smooth'
});
Ao clicar no botão, role
a janela para a posição 300px do topo.
Ao clicar no botão, role suavemente a janela até o topo.
Ao clicar no botão, role suavemente a janela até o fundo.