Botón volver arriba
Elige el lado, los colores y a partir de cuánto aparece. Desplázate por la vista previa para ver surgir el botón.
Cómo usarBotón de volver arriba
Disponible en: 
Botón volver arriba: para qué sirve
En páginas largas, el botón de volver arriba le ahorra a la persona desplazarse todo de regreso, sobre todo en el celular.
Elige el lado, los colores, el tamaño, la forma, la distancia al borde y a partir de cuánto aparece. El código usa un botón de verdad con etiqueta, aparece con una transición corta, se desplaza suave solo para quien no pidió menos movimiento, no deja que el botón invisible reciba foco y lleva el foco al comienzo de la página.
Cómo usar
- Elige el lado, los colores y el tamaño.
- Define la distancia y cuándo aparece.
- Copia el código y pégalo antes del cierre del body.
Cuándo usar
- Blog y artículos largos.
- Tienda con listas grandes de productos.
- Menús y catálogos.
Preguntas frecuentes
¿Cuándo aparece el botón?
Después de que la persona desplaza la página más allá de la altura que elijas (una pantalla, por defecto). En páginas cortas nunca aparece, lo que evita un botón inútil sobre el contenido.
¿Estorba al botón de WhatsApp?
Puede quedar en la misma esquina. Coloca el de volver arriba del otro lado o aumenta la distancia al borde inferior para que uno no tape al otro en el celular.
¿Por qué el foco va al inicio?
Quien navega con el teclado o con lector de pantalla, al activar el botón, debe continuar la navegación desde el inicio de la página. El código mueve el foco al primer elemento, además de desplazar la pantalla.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.