2

Como eu posso fazer um botão voltar ao topo em uma página html?

Jquery, javascript, o que seria melhor?

0

2 Respostas 2

12

Usando Jquery

//scroll normal
$('html,body').scrollTop(0);

//scroll suave
$('html, body').animate({scrollTop:0}, 'slow'); //slow, medium, fast

Usando Javascript

var scrollTop = function() {
    window.scrollTo(0, 0);
};
2
  • E como eu coloco efeito? Para suavizar a ida para o topo. Commented 28/10/2016 às 16:08
  • Editei a resposta. Commented 28/10/2016 às 16:10
8

A melhor forma vai depender das suas necessidades.

Além da forma apresentada pelo Mauro, pode utilizar somente html apontado o href do link para o trecho da página que fique no topo:

<span id='topo'></span>

<p>
  bla bla <br> bla bla <br> bla bla <br> 
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
  bla bla <br> bla bla <br> bla bla <br>
</p>

<a href='#topo'>Voltar ao topo</a>

1

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .