Skip to content

ESTAMOS SEMPRE COM NOVIDADES AQUI NO BLOG, SEJA AVISADO DE NOVOS POSTS PRIMEIRO, ASSINE NOSSA NEWSLATTER AO LADO.

Não praticamos spam

Efeito “ir para o topo” , usando jquery

Bom , a dica hoje é muito simples , é muito provável que você já o tenha visto em alguma pagina web , trata-se do efeito “ir para o topo” , ou seja um simples efeito de rolagem de pagina , mas que da um efeito muito legal em um site .

É extremamente fácil de ser feito , apenas cinco linhas de códigos e o efeito já ira funcionar perfeitamente , é claro que primeiro você devera  “chamar” , ou seja incluir o jquery em sua pagina , para isso , há duas opções , a primeira seria ir ate o site  oficial deles , e fazer o download da mesma , ou ir ate o menu superior “download” , e copiar o link da biblioteca hospedada no Google , como eu sempre faço .

Muito bem , apos escolher a forma de inclusão da biblioteca em sua pagina , basta agora que faça o seguinte :

 



 

  

 

Depois , basta usar o seguinte código :

 

  

 

E depois , inclua na pagina , alguma tag que receba a class top , que é a responsável por executar o efeito , no meu caso utilizei a tag “P” , como mostrado abaixo.

 

Ir para o topo

 
É apenas isso , mas para tentar ajudar um pouco , fiz um vídeo demostrativo , veja abaixo :

 

 
 

Gostou do conteudo? então, compartilhe nas redes sociais!

  • Elisangela silva dos Santos

    Thanks

    • admin

      Ola Elisangela , eu que agradeço pela visita , obrigado !