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

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);
  })
});

    $('#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.

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);
  })
});

Espero te sirva. Saludos.

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.

Mejora de código y explicación.
Origen Enlace

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''#boton').click(function(){
    $('html, body').animate({
        scrollTop: ($('#id_del_elemento').offset().top)
    },500);
  })
});

Espero te sirva. Saludos.

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

$('.boton').click(function(){
    $('html, body').animate({
        scrollTop: ($('#id_del_elemento').offset().top)
    },500);
});

Espero te sirva. Saludos.

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);
  })
});

Espero te sirva. Saludos.

Origen Enlace

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

$('.boton').click(function(){
    $('html, body').animate({
        scrollTop: ($('#id_del_elemento').offset().top)
    },500);
});

Espero te sirva. Saludos.