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 🤘