Botón de volver arriba

¿Cansado de interminables desplazamientos solo para volver al principio de una página? El botón "Scroll to Top Button" añade un elegante botón flotante a cualquier sitio web: un toque y volverás al principio con una suave animación de desplazamiento. Ligero, privado y completamente bajo tu control.

✨ CARACTERÍSTICAS CLAVE

⬆️ Botón Flotante para Desplazarse al Principio (Scroll-to-Top) — Un botón circular limpio con un icono de chevron aparece cuando te desplazas hacia abajo. Haz clic en él para desplazarte suavemente hasta la parte superior de la página. Sencillo, rápido, eficaz.

🎯 Activación/Desactivación por Sitio — El botón está deshabilitado por defecto en cada sitio. Tú eliges exactamente dónde aparece. Abre la ventana emergente, haz clic en el interruptor para el sitio actual, listo. Sin desorden en los sitios donde no lo necesitas.

📐 Cuadrícula de Colocación de 9 Posiciones — Coloca el botón en cualquier parte de la pantalla utilizando una cuadrícula visual de 3x3: arriba, centro o abajo combinado con izquierda, centro o derecha. Nueve posiciones posibles. Elige el lugar que mejor funcione para cada diseño de página.

📌 Memoria de Posición por Sitio — Diferentes sitios, diferentes diseños. Configura el botón en la parte inferior derecha en un sitio y en la parte superior izquierda en otro. "Scroll to Top Button" recuerda la posición de cada sitio de forma independiente, por lo que tus preferencias siempre serán respetadas.

🛡️ Aislamiento Shadow DOM — El botón reside dentro de un contenedor Shadow DOM, completamente aislado del CSS de la página anfitriona. Esto significa cero conflictos de estilo: el botón se ve y funciona perfectamente en cualquier sitio web, sin importar cuán complejo sea el estilo de la página.

🌙 Soporte de Modo Oscuro — Se adapta automáticamente al esquema de color de tu sistema. Fondo claro en modo claro, efecto de cristal translúcido en modo oscuro. También detecta el atributo html[dark] utilizado por muchos sitios web para activaciones manuales del modo oscuro.

🌍 55 Idiomas — La ventana emergente de la extensión y todo el texto de la interfaz están completamente localizados en 55 idiomas, incluyendo español, inglés, francés, alemán, japonés, coreano, chino (simplificado y tradicional), árabe, hindi, ruso, portugués y muchos más.

♿ Accesible con Teclado — El botón de desplazamiento al principio soporta la navegación con teclado. Tabula hasta él, pulsa Enter o Espacio para activarlo. Incluye un rol y una etiqueta ARIA adecuados para los lectores de pantalla.

🎯 CÓMO FUNCIONA

1. Instalar — Haz clic en "Añadir a Chrome" y la extensión estará lista. No se necesita cuenta, ni registro, ni asistente de configuración.

2. Visita cualquier sitio web — Navega a una página donde quieras que aparezca el botón de desplazamiento al principio.

3. Habilitar el sitio — Haz clic en el icono de "Scroll to Top Button" en tu barra de herramientas. Pulsa el interruptor para habilitar el botón en el sitio actual. El botón flotante aparece inmediatamente.

4. Elige una posición — Utiliza la cuadrícula de 3x3 en la ventana emergente para colocar el botón exactamente donde lo quieras en la pantalla. Tu elección se guarda para este sitio específico.

5. Desplázate y haz clic — Desplázate por cualquier página. Cuando pases el umbral de desplazamiento, el botón aparece con una suave animación. Haz clic en él para deslizarte de vuelta al principio. Eso es todo.

🔒 PRIVACIDAD Y SEGURIDAD

"Scroll to Top Button" está construido con la privacidad como principio fundamental. Esto es exactamente lo que hace y no hace esta extensión:

🚫 Sin seguimiento — No hay código de análisis, telemetría o estadísticas de uso. Nada se mide ni se informa.

🚫 Sin recopilación de datos — Tu historial de navegación, la lista de sitios habilitados y las preferencias de posición nunca salen de tu navegador. Todo se almacena localmente en el almacenamiento de sincronización de Chrome.

🚫 Sin solicitudes externas — La extensión no realiza ninguna solicitud de red. No hay servidores remotos, CDN ni scripts de terceros. Todos los activos (fuentes, iconos, estilos) se agrupan directamente en la extensión.

🚫 Sin anuncios — Sin publicidad, sin contenido patrocinado, sin monetización de ningún tipo.

📋 Explicación de los Permisos:
• storage — Se utiliza para guardar tu lista de sitios habilitados y las preferencias de posición del botón. Estos datos se sincronizan entre tus instancias de Chrome a través de la sincronización incorporada de Chrome, pero nunca se envían a ningún servidor externo.
• activeTab — Se utiliza para detectar el nombre de host de la pestaña actual para que la ventana emergente pueda mostrar si el sitio está habilitado y permitirte activarlo/desactivarlo. Este permiso no otorga acceso al contenido de la página.

Eso es todo. Dos permisos, ambos esenciales, ambos mínimos.

💡 CASOS DE USO

📰 Sitios de Noticias y Artículos — Los artículos de formato largo en sitios como Medium, portales de noticias y blogs a menudo requieren un desplazamiento extenso. Habilita el botón en tus sitios de lectura favoritos y salta al menú de navegación o al titular al instante.

🛒 Compras y Comercio Electrónico — Las páginas de listado de productos en Amazon, eBay, Etsy y otros mercados pueden parecer interminables. El botón de desplazamiento al principio te permite volver rápidamente a los filtros, las barras de búsqueda y la navegación por categorías sin desplazarte manualmente.

📱 Fuentes de Redes Sociales — Fuentes de desplazamiento infinito en Reddit, Twitter/X, Hacker News y foros. Después de desplazarte por docenas de publicaciones, un clic te lleva de vuelta al principio para actualizar o navegar.

📚 Documentación y Referencia — Documentación técnica, referencias de API, artículos de Wikipedia y trabajos de investigación con contenido extenso. Coloca el botón en un rincón conveniente y salta entre secciones de manera eficiente.

💬 Foros y Hilos de Comentarios — Hilos de discusión largos en Stack Overflow, problemas de GitHub o foros de la comunidad. Desplázate por las respuestas y comentarios, luego vuelve instantáneamente a la pregunta o publicación original.

⭐ POR QUÉ ELEGIR SCROLL TO TOP BUTTON

🎛️ Opt-In, No Opt-Out — La mayoría de las extensiones de desplazamiento al principio inyectan botones en cada página. "Scroll to Top Button" adopta el enfoque opuesto: deshabilitado por defecto, habilitado solo donde lo quieras. Tu navegador permanece limpio.

🧩 Aislamiento CSS Verdadero — Shadow DOM no es solo una palabra de moda aquí. El botón se renderiza dentro de un Shadow Root cerrado, lo que significa que absolutamente ningún CSS de la página anfitriona puede afectarlo, y los estilos del botón no pueden filtrarse. Este es el enfoque de ingeniería correcto, y la mayoría de las extensiones de la competencia lo omiten por completo.

📐 Posicionamiento Flexible — Nueve posiciones en lugar de las típicas una o dos. La parte inferior derecha no siempre es el mejor lugar: algunos sitios tienen widgets de chat, banners de cookies o elementos flotantes en esa esquina. Mueve el botón donde mejor se ajuste.

🧠 Inteligencia por Sitio — La extensión no solo recuerda qué sitios están habilitados, sino también la posición del botón para cada sitio individual. Configúralo una vez, olvídate de ello.

⚡ Impacto Cero en el Rendimiento — No hay scripts en segundo plano ejecutándose, no hay conexiones persistentes, no hay temporizadores. El script de contenido utiliza un oyente de desplazamiento pasivo y solo se activa cuando la página está en la lista de habilitados. Si el sitio no está habilitado, el botón está oculto y el script está esencialmente inactivo.

🔄 Actualizaciones en Vivo — Cuando cambias la configuración en la ventana emergente, el botón de la página se actualiza inmediatamente. No es necesario actualizar la pestaña.

📋 DETALLES TÉCNICOS

• Manifest V3 — Construido sobre la última plataforma de extensiones de Chrome para mejorar la seguridad y el rendimiento.
• Navegadores Soportados — Google Chrome, navegadores basados en Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Inyección de Script de Contenido — Se ejecuta en document_idle para un impacto cero en el tiempo de carga de la página.
• Umbral de Desplazamiento — El botón aparece después de desplazarse 300 píxeles, evitando que se muestre en páginas cortas.
• Animación — Desvanecimiento suave con transición translateY. El comportamiento de desplazamiento utiliza la API nativa de desplazamiento suave.
• Almacenamiento — El almacenamiento de sincronización de Chrome garantiza que tu configuración te siga a través de los dispositivos donde iniciaste sesión en Chrome.
• Sin Paso de Construcción — JavaScript puro de vainilla. Sin frameworks, sin bundlers, sin dependencias.
• Ligero — La extensión completa pesa menos de 500 KB, incluyendo los 55 archivos de idioma y las fuentes agrupadas.

🚀 EMPIEZA

Haz clic en "Añadir a Chrome" para instalar "Scroll to Top Button". No hay nada que configurar de antemano, solo navega normalmente. Cuando llegues a una página donde quieras el botón, haz clic en el icono de la extensión y actívalo para ese sitio. Elige tu posición preferida y listo. La extensión recordará tu elección y el botón estará allí cada vez que la visites.

Hecho con cuidado por PYROCTAL.