Botón para ir arriba en una web con jQuery

Siempre es interesante tener un botón para volver a la parte superior de nuestra página web, que aparezca en el momento que nosotros decidamos, depediendo de la posición del scroll en nuestra página web

La parte de HTML

Necesitamos un enlace con apariencia de boton, en este ejemplo lo creo con un icono de Font Awesome

En el href pongo el id del bloque en el que quiero situar cuando pulsen el enlace (botón). Si lo dejamos vacío también vale, la página se refrescará y se situará en la parte superior.

 

La parte de CSS

Aquí no hay mayor misterio que situarlo con position:fixed y dejarlo oculto por defecto con display:none

 

 

La parte de jQuery

No se os olvide descargar o añadir la librería de jQuery mediante CDN, como os muestro a continuación

 
 
 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *