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

[4ly 0]

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>

[CorreaEd 0]

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!