Exemplos de Botões Voltar ao Topo

O botão fica no canto inferior direito. O estilo Flutuante o mantém sempre à vista.

Este botão aparece apenas com ícone e cor vibrante. A borda fica desativada para não poluir o recurso com detalhes extras.

Sinta-se à vontade para escolher o formato do seu botão. Aqui vemos um recurso quadrado e vibrante com layout horizontal.

Este botão é bem chamativo, mas não distrai os usuários do conteúdo. Ele apresenta texto e o ícone.

O botão Voltar ao Topo aqui é de tamanho médio. Posicionado no centro-direito, parece uma característica orgânica do design do site.

Este botão simples vem apenas com um ícone e uma borda. Não será difícil para os usuários entenderem para que ele se destina.

A ausência de borda ajuda a integrar o botão de forma suave à zona de conteúdo do site. O texto orienta os usuários sobre a mensagem.

Não quer sobrecarregar a interface do seu site com detalhes irrelevantes? Basta escolher a posição do botão, remover as bordas e o botão perfeito já está pronto!

Posicionado no centro inferior da página, este botão é perfeito para dispositivos móveis.

Este botão minimalista exibe apenas um ícone. O fundo preto ajuda a chamar a atenção.