Animation in Automatic Scroll by clicking on an Anchor

Question

Hello folks I’m having a question with animation automatic scrolling with the redirect to the Anchor in the Html on the same page I tried several alternatives here the site did not work. Among them using libraries Jquery.

In case I needed to redirect by clicking on <a href="#componente">Componente</a>

To

<div id="componente">Esse aqui é o componente</div>

Only with the scroll animation slowly descending

Answer 1

Using Jquery you can do a function and call her:

Example:

rolar_para('#componente'); //chamada

function rolar_para(elemento) {
    $('html, body').animate({
        scrollTop: $(elemento).offset().top
    }, 1000);
}