O Botão
primeiroPrimeiro vamos criar o botão no aspx
<asp:HyperLink NavigateUrl="#" runat="server" cssClass="scrollToTop">Topo</asp:HyperLink>
Ou em html:
<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