Como hacer un boton para ir a arriba con jQuery

El post del día de hoy es referente a como podemos hacer un boton para ir a arriba con jQuery, el efecto consiste en que podamos regresar a la parte superior de una pagina web pero con una animación que haga dicho desplazamiento.

 

jQuery

El codigo jQuery consiste en agregar el evento clic al elemento que será el boton y lo hacemos atravez de su atributo id, posteriormente animamos la propiedad scrollTop de la etiqueta body o html, dicha propiedad hace referencia a la posicion de la barra de desplazamiento vertical asi que le asignamos 0 para que regrese a la parte de arriba, el valor 800 se refiere a la velocidad con la que hará el desplazamiento.

$('#back-top').click(function() {
     $('body, html').animate({scrollTop : 0},800);
});

 

Codigo HTML

<div id="back-top"> </div>

 

CSS

#back-top{
   background: url(imagenes/top.png) no-repeat;
   width:35px;
   height:35px;
   position: absolute;
   left:10px;
   cursor:pointer;
}

Espero que les sea de utilidad, dejen sus comentarios.

Deja un comentario