Como eu posso fazer um botão voltar ao topo em uma página html?
Jquery, javascript, o que seria melhor?
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);
};
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>