Botão Voltar ao Topo

Cansado de rolar infinitamente apenas para voltar ao topo de uma página? O Botão Rolar para o Topo adiciona um botão flutuante elegante a qualquer site — um toque e você retorna ao topo com uma animação de rolagem suave. Leve, privado e completamente sob seu controle.

✨ PRINCIPAIS RECURÍSSOS

⬆️ Botão Flutuante Rolar para o Topo — Um botão circular limpo com um ícone de seta aparece quando você rola para baixo. Clique nele para rolar suavemente de volta ao topo da página. Simples, rápido, eficaz.

🎯 Ativar/Desativar por Site — O botão é desativado por padrão em todos os sites. Você escolhe exatamente onde ele aparece. Abra o pop-up, clique no botão para o site atual, pronto. Sem bagunça em sites onde você não precisa dele.

📐 Grade de Posicionamento em 9 Posições — Posicione o botão em qualquer lugar da tela usando uma grade visual 3x3: topo, centro ou parte inferior combinados com esquerda, centro ou direita. Nove posições possíveis. Escolha o local que melhor se adapta a cada layout de página.

📌 Memória de Posição por Site — Diferentes sites, diferentes layouts. Defina o botão para o canto inferior direito em um site e para o canto superior esquerdo em outro. O Botão Rolar para o Topo lembra a posição de cada site de forma independente, para que suas preferências sejam sempre respeitadas.

🛡️ Isolamento por Shadow DOM — O botão reside dentro de um contêiner Shadow DOM, completamente isolado do CSS da página hospedeira. Isso significa zero conflitos de estilo — o botão funciona perfeitamente em todos os sites, não importa quão complexo seja o estilo da página.

🌙 Suporte a Modo Escuro — Adapta-se automaticamente ao esquema de cores do seu sistema. Fundo claro no modo claro, efeito de vidro translúcido no modo escuro. Também detecta o atributo html[dark] usado por muitos sites para alternar manualmente o modo escuro.

🌍 55 Idiomas — O pop-up da extensão e todo o texto da interface são totalmente localizados em 55 idiomas, incluindo inglês, espanhol, francês, alemão, japonês, coreano, chinês (simplificado e tradicional), árabe, hindi, russo, português e muitos outros.

♿ Acessível por Teclado — O botão de rolagem para o topo suporta navegação por teclado. Use Tab para selecioná-lo, pressione Enter ou Espaço para ativar. Inclui função ARIA e rótulo apropriados para leitores de tela.

🎯 COMO FUNCIONA

1. Instalar — Clique em "Adicionar ao Chrome" e a extensão estará pronta. Sem necessidade de conta, sem cadastro, sem assistente de configuração.

2. Visite qualquer site — Navegue até uma página onde você deseja que o botão de rolagem para o topo apareça.

3. Habilitar o site — Clique no ícone do Botão Rolar para o Topo na sua barra de ferramentas. Acione o botão para habilitar o botão no site atual. O botão flutuante aparece imediatamente.

4. Escolha uma posição — Use a grade 3x3 no pop-up para posicionar o botão exatamente onde você o deseja na tela. Sua escolha é salva para este site específico.

5. Role e clique — Role qualquer página para baixo. Ao passar do limite de rolagem, o botão aparece com uma animação suave. Clique nele para deslizar de volta ao topo. É isso.

🔒 PRIVACIDADE E SEGURANÇA

O Botão Rolar para o Topo é construído com a privacidade como princípio fundamental. Aqui está exatamente o que esta extensão faz e não faz:

🚫 Sem rastreamento — Não há código de análise, telemetria, nem estatísticas de uso. Nada é medido ou relatado.

🚫 Sem coleta de dados — Seu histórico de navegação, lista de sites habilitados e preferências de posição nunca saem do seu navegador. Tudo é armazenado localmente no armazenamento de sincronização do Chrome.

🚫 Sem requisições externas — A extensão não faz nenhuma requisição de rede. Sem servidores remotos, sem CDNs, sem scripts de terceiros. Cada recurso — fontes, ícones, estilos — é empacotado diretamente na extensão.

🚫 Sem anúncios — Sem anúncios, sem conteúdo patrocinado, sem monetização de qualquer tipo.

📋 Explicação das Permissões:
• storage — Usado para salvar sua lista de sites habilitados e preferências de posição do botão. Esses dados são sincronizados entre suas instâncias do Chrome através da sincronização integrada do Chrome, mas nunca são enviados para qualquer servidor externo.
• activeTab — Usado para detectar o nome do host da guia atual para que o pop-up possa mostrar se o site está habilitado e permitir que você o alterne. Esta permissão não concede acesso ao conteúdo da página.

É isso. Duas permissões, ambas essenciais, ambas mínimas.

💡 CASOS DE USO

📰 Sites de Notícias e Artigos — Artigos longos em sites como Medium, portais de notícias e blogs frequentemente exigem rolagem extensa. Habilite o botão em seus sites de leitura favoritos e volte para o menu de navegação ou título instantaneamente.

🛒 Compras e Comércio Eletrônico — Páginas de listagem de produtos na Amazon, eBay, Etsy e outros mercados podem ser intermináveis. O botão de rolagem para o topo permite que você retorne rapidamente a filtros, barras de pesquisa e navegação por categoria sem rolar manualmente.

📱 Feeds de Mídias Sociais — Feeds de rolagem infinita no Reddit, Twitter/X, Hacker News e fóruns. Depois de rolar por dezenas de postagens, um clique leva você de volta ao topo para atualizar ou navegar.

📚 Documentação e Referência — Documentação técnica, referências de API, artigos da Wikipedia e artigos de pesquisa com conteúdo extenso. Posicione o botão em um canto conveniente e navegue entre as seções de forma eficiente.

💬 Fóruns e Tópicos de Comentários — Longos tópicos de discussão no Stack Overflow, problemas do GitHub ou fóruns da comunidade. Role pelas respostas e comentários e, em seguida, retorne instantaneamente à pergunta ou postagem original.

⭐ POR QUE ESCOLHER O BOTÃO ROLAR PARA O TOPO

🎛️ Opt-In, Não Opt-Out — A maioria das extensões de rolagem para o topo injetam botões em todas as páginas. O Botão Rolar para o Topo adota a abordagem oposta: desativado por padrão, habilitado apenas onde você deseja. Seu navegador permanece limpo.

🧩 Verdadeiro Isolamento CSS — Shadow DOM não é apenas um termo da moda aqui. O botão é renderizado dentro de um shadow root fechado, o que significa que absolutamente nenhum CSS da página hospedeira pode afetá-lo, e os estilos do botão não podem vazar. Esta é a abordagem de engenharia correta, e a maioria das extensões concorrentes a ignoram completamente.

📐 Posicionamento Flexível — Nove posições em vez das típicas uma ou duas. O canto inferior direito nem sempre é o melhor local — alguns sites possuem widgets de chat, banners de cookies ou elementos flutuantes nesse canto. Mova o botão para onde ele se encaixe melhor.

🧠 Inteligência por Site — A extensão lembra não apenas quais sites estão habilitados, mas também a posição do botão para cada site individual. Configure uma vez, esqueça.

⚡ Impacto Zero no Desempenho — Sem scripts em segundo plano em execução, sem conexões persistentes, sem temporizadores verificando. O script de conteúdo usa um ouvinte de rolagem passivo e só é ativado quando a página está na lista habilitada. Se o site não estiver habilitado, o botão fica oculto e o script está essencialmente inativo.

🔄 Atualizações ao Vivo — Quando você altera as configurações no pop-up, o botão na página é atualizado imediatamente. Não há necessidade de atualizar a guia.

📋 DETALHES TÉCNICOS

• Manifest V3 — Construído na plataforma de extensão mais recente do Chrome para segurança e desempenho aprimorados.
• Navegadores Suportados — Google Chrome, navegadores baseados em Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Injeção de Script de Conteúdo — Executa em document_idle para impacto zero no tempo de carregamento da página.
• Limite de Rolagem — O botão aparece após rolar 300 pixels, evitando que ele apareça em páginas curtas.
• Animação — Efeito de fade-in suave com transição translateY. O comportamento de rolagem usa a API nativa de rolagem suave.
• Armazenamento — O armazenamento de sincronização do Chrome garante que suas configurações o sigam em todos os dispositivos onde você está conectado ao Chrome.
• Sem Etapa de Construção — JavaScript puro. Sem frameworks, sem empacotadores, sem dependências.
• Leve — A extensão inteira tem menos de 500KB, incluindo todos os 55 arquivos de idioma e fontes empacotadas.

🚀 COMEÇAR

Clique em "Adicionar ao Chrome" para instalar o Botão Rolar para o Topo. Não há nada para configurar inicialmente — apenas navegue normalmente. Quando você encontrar uma página onde deseja o botão, clique no ícone da extensão e habilite-o para esse site. Escolha sua posição preferida e pronto. A extensão lembrará sua escolha e o botão estará lá toda vez que você visitar.

Feito com cuidado por PYROCTAL.