JavaScript rolar para o topo da página

Harshit Jindal 12 outubro 2023
  1. Use a função window.scrollTo() para rolar para o topo da página
  2. Use a tag âncora para rolar até o topo da página
  3. Use a função scrollTo() do jQuery para rolar para o topo da página
JavaScript rolar para o topo da página

Este tutorial ensina como rolar para o topo da página usando JavaScript.

Use a função window.scrollTo() para rolar para o topo da página

O método scrollTo() da janela é usado para rolar para um local específico em uma página. Leva dois argumentos: a coordenada x e y do ponto para o qual queremos rolar. Podemos passar x e y como 0 para rolar para o topo da página.

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

Use a tag âncora para rolar até o topo da página

A tag âncora leva a referência da página para abrir quando o link é clicado. Se passarmos # como o valor do atributo href, ele rolará para o topo da página.

<a href="#"> Top of Page </a>

Use a função scrollTo() do jQuery para rolar para o topo da página

A função scrollTo() nos ajuda a obter/manipular a posição da barra de rolagem vertical de um elemento HTML. Leva um argumento, a posição para scrollTo(). Podemos usar esta função para chegar ao topo da página, aplicando-a na propriedade da janela e definindo o parâmetro de posição como 0.

$(window).scrollTop(0);
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn