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.