O Botão
primeiro vamos criar o botão
<a href="#" class="scrollToTop">Topo</a>
Aplicando CSS ao botão
scrollToTop{
position:fixed;
top:75px;
right:40px;
display:none;
}
E por fim, o jQuery:
$(document).ready(function(){
//Verifica se a Janela está no topo
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Onde a mágia acontece! rs
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
Traduzido da página do: Paul Underwood