Saltar al contenido

¿Cómo hacer un botón de regreso a la parte superior usando solo CSS y HTML?

Solución:

Lo que le gustaría hacer es colocar un “ancla” en la parte superior de la página, utilizando un <a> etiqueta (¡no es ÚNICAMENTE útil para los enlaces!). Luego, cuando tenga un enlace que vaya a #nameofanchor, se desplaza hasta el ancla con ese nombre. Lo harías así:

<a id="top"></a>
<!--content here-->
<a href="https://foroayuda.es/#top">Back to top</a>

Aquí hay un jsfiddle en funcionamiento: http://jsfiddle.net/qf0m9arp/1/

Utilice el <a> etiqueta.

En la parte superior de su sitio web, coloque un ancla con el nombre especificado.

<a name="top"></a>

Luego, el enlace “volver al principio” lo indica.

<a href="https://foroayuda.es/#top">back to top</a>

Esta es la única forma de HTML:

<body>
<a name="top"></a>
foo content
foo bottom of page
<a href="https://foroayuda.es/#top">Back to Top</a>
</body>

Hay bastantes otras alternativas que usan jquery y jscript que ofrecen efectos adicionales. Realmente depende de lo que estés buscando.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

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