Yo suelo hacer eso con esto:
Código Javascript
:
Ver original$(window).scroll(function(){
if ($(this).scrollTop() > 0)
$("label").fadeIn("slow");
else
$("label").fadeOut("slow");
});
$("label").click(function(){
$("body, html").animate({
scrollTop: 0
}, 1000);
});
Estando originalmente oculto el
<label>
. Cuando se hace
scroll, se verifica la cantidad de píxeles desplazados; si esta cantidad es mayor a cero, hago aparecer al
<label>
, caso contrario, lo oculto. Cuando le de clic, desplazo a la barra de desplazamiento hasta el tope, con un retardo de 1 segundo, dándole así ese efecto de desplazamiento suave.
Demo
Saludos