JavaScript rolar para o topo da página

  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

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);