Jump to content
4ly

Como faço para o meu botão âncora ter uma animação de rolagem

Recommended Posts

Olá. Bom basicamente eu tenho um botão âncora que leva até a aba de sobre do meu site, só que ele não tem animação, ele simplesmente "teleporta" para essa aba do nada isso não é legal. 

Gostaria de saber algum código de JavaScript ou CSS para solucionar isso 

Esse é o código

 

<button id="explorer"><a href="#about">Explorar</a></button>

Share this post


Link to post
Share on other sites

Mano.. não manjo nada de código kkk 
Mas to construindo um site através da Starter Digital tudo pegando código dali e código daqui..

 

Estava com esse mesmo problema há algumas semanas atrás.. acabei achando em algum lugar o seguinte código:
 

var $doc = $('html, body');
$('a').click(function() {
    $doc.animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 1000);
    return false;
});


Esse "1000" é o tempo em mílissegundos que vai levar para o "scroll" se completar.

Era 500 quando copiei o código.. mas achei que estava rápido demais e dobrei.. ficou bom! KKK

Obs.: Não sei bem onde insere kkk.. é que aqui no Starter tem uma janela SCRIPT que você cola esses códigos CSS doidos aí entre <script> e </script>. Espero que dê certo aí assim como aqui deu!

Edited by quintelab
Removido link para site externo

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By ThosuZ
      Boa tarde, pessoal! Minha dúvida é simples. Gostaria de saber apenas o nome da animação desse site: https://www.think-mario.com/
      Quero o nome pra pesquisar sobre e aprender. A animação é quando vamos abaixando o scroll, as coisas vão surgindo, e eu acredito que seja com js.
       
      Abraços!
    • By FabianoSouza
      Tenho uma situação em que preciso colorir o texto dentro de um elemento.
      Caso seu valor seja 0, pinte de uma cor, caso seja maior do que 0 (zero) pinte de outra cor.
       
      Como faço isso com CSS puro.
      Estou pesquisando e tem a possibilidade de criar condições no CSS....alguém ajuda?
       
      Valew!
    • By Rafaelmcd
      Pessoal, eu tenho uma DIV, que por padrão ela vem com este css: 
      <div class="clickoff" style="pointer-events: none;">
      ......
      </div>
      Porém queria que, caso um determinado cookie exista, o style dessa div seja alterado para pointer-events: auto;
      Alguém teria uma dica de como poderia fazer isso? Se possível com PHP. 
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.