Skip to main content
3 de 3
Mejora de código y explicación.

Teniendo un tag con id id_del_elemento y un botón con id boton, el código usando jQuery sería algo como lo siguiente:

    $('#boton').click(function(){
        $('html, body').animate({
            scrollTop: ($('#id_del_elemento').offset().top)
        },500);
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="height:100px;background-color:#c0ffee;">El elemento sigue a este div</div>
<div id="id_del_elemento">Elemento</div>
<div style="height:400px;background-color:#c0c0c0;">El botón está más abajo...</div>
<button id="boton">Click para hacer scroll</button>

Espero te sirva. Saludos.