Pergunta  
 
Rede de conhecimento computador >> Pergunta >> PC Resolução de problemas >> Content
Como adicionar o botão Scroll To Top no site do Weebly?
Adicionar um botão "Rolar para o topo" em seu site do Weebly é simples. Veja como você pode fazer isso:

Etapa 1:ativar o código personalizado:

1. Vá ao editor do seu site Weebly e clique na guia “Configurações”.
2. Role para baixo e clique na seção “SEO e Código”.
3. Ative a opção “Código personalizado” alternando o botão para “Ativado”.

Etapa 2:adicione o código de rolagem para o topo:

1. Copie o seguinte trecho de código:

```html



$(documento).ready(function() {
$("#rolar para cima").click(function() {
$("html, corpo").animate({ scrollTop:0 }, 500);
retornar falso;
});
});

```

2. Cole o código na seção “Código de rodapé” do painel Código personalizado.

Etapa 3:Personalize o botão:

Você pode personalizar o botão "Rolar para o topo" alterando o estilo e a posição do elemento do botão com código CSS.

Etapa 4:teste o botão:

Visualize seu site ou publique as alterações para ver o botão "Rolar para o topo" em ação.

Etapa 5:ajustar a visibilidade e o comportamento :

Você pode ajustar a visibilidade do botão adicionando condições ou usando consultas de mídia CSS. Você pode querer que ele apareça apenas quando o usuário estiver a uma certa distância do topo ou que seja exibido de forma diferente em dispositivos móveis.

Seguindo essas etapas, você terá adicionado um botão funcional "Rolar para o topo" ao seu site do Weebly, melhorando a experiência do usuário ao fornecer uma maneira fácil de navegar de volta ao topo da página.

Anterior :

Próximo :
  Os artigos relacionados
·Como consertar um computador quando o cursor está cong…
·Como corrigir o Boot Record XP sem um CD 
·Compaq Evo Notebook Solução de problemas de inicializ…
·Por que meu laptop com o Windows 7 lento 
·Como remover o Trojan Cutwail 
·Como criar, encontrar, excluir, usar e enviar adesivos …
·Como você esconde sua identidade no Snapchat 
·Como visualizar a foto do perfil do Gmail de outros usu…
·Tecnologia de orientação - artigos de instruções, g…
·Como descobrir se alguém está no Ashley Madison 
  Artigos em destaque
·Sobre Blank Page Loading 
·Elcomsoft Distributed Password Recovery 
·Como reinicializar um Dell Computer Entire 
·O que é o processo de instalação do Twitch Minecraft…
·Como adicionar uma gorjeta no aplicativo Uber ou Eats 
·Como corrigir Pop -ups com uma limpeza de computador li…
·Como conectar W180 para meu PC 
·Como converter para MP3 Bc 
·Como criar uma lista de compras no iPhone? 
·Como converter MP4 para WMV para Grátis 
Cop e direita © Rede de conhecimento computador http://ptcomputador.com Todos os Direitos Reservados