Código jQuery para crear el efecto del típico botón de «ir arriba» de la página con una simple animación:
$('.boton-top').click(function(){ $('body,html').animate({scrollTop : 0}, 500); return false; });
<span class="boton-top">Ir arriba</span>
Y si por ejemplo, quieres que el botón solo sea visible cuando haces scroll en la página, y que aparezca o desaparezca con efecto «fade»:
$(window).scroll(function(){ if ($(this).scrollTop() > 0) { $('.boton-top').fadeIn(); } else { $('.boton-top').fadeOut(); } });
Agradezco tu comentario 🤘