Pergunta  
 
Rede de conhecimento computador >> Pergunta >> PC Resolução de problemas >> Content
Como criar um widget de rolagem superior para o seu site?
###1. Use JavaScript e CSS

1. Crie um elemento contêiner para o botão de rolagem superior. Isso pode ser feito com um `
` elemento.
2. Adicione o seguinte CSS ao elemento contêiner:
```
posição:fixa;
inferior:20px;
direita:20px;
largura:50px;
altura:50px;
cor de fundo:#fff;
raio da fronteira:50%;
alinhamento de texto:centro;
índice z:999;
```
3. Adicione o seguinte conteúdo ao elemento contêiner:
```



```
4. Adicione o seguinte JavaScript à página:
```
const scrollTopButton =document.querySelector('.scroll-top-button');

scrollTopButton.addEventListener('clique', () => {
janela.scrollTo({
superior:0,
comportamento:'suave'
});
});
```

2. Use um plug-in WordPress



Existem vários plug-ins do WordPress que podem ser usados ​​para adicionar um botão de rolagem superior ao seu site. Algumas opções populares incluem:
- Rolar para cima
- Voltar ao topo
- Role para cima

Depois de instalar e ativar o plugin, você pode definir as configurações de acordo com sua preferência. Normalmente, você precisará especificar a posição do botão, o tamanho e a cor.

Anterior :

Próximo :
  Os artigos relacionados
·Como Fazer a resolução no meu laptop Maior 
·Como adicionar uma conta do Gmail no Outlook 
·Como Obter o Nvrd32.sys Voltar em um Latitude D610 
·Como posso aumentar o volume em um computador HP 
·Como determinar Por que o Windows XP é executado lenta…
·Como seguir alguém no telegrama 
·Como descompactar um Drive 
·Como substituir um Wireless LAN Card 
·Como mudar a mira em Valorant 
·Como saber se um Snapchat foi enviado apenas para você…
  Artigos em destaque
·Como manter a barra de idiomas da barra de ferramentas …
·Como faço para instalar o TCP /IP no Windows XP 
·Como converter música para WAV 
·Como usar um pára-quedas no GTA 5 
·Como pode um Key Logger Corte desde um computador exter…
·Como fazer do presente auto-adesivos Tags 
·Sinais e sintomas de pouca memória de trabalho 
·Como você pode fazer a contagem regressiva de aniversá…
·Como encontrar e remover duplicatas no Planilhas Google…
·Como remover Adware.Onestep 
Cop e direita © Rede de conhecimento computador http://ptcomputador.com Todos os Direitos Reservados