javascript - down - scrollTop jquery, desplazándose a div con id?

scrolltop div jquery

Question

Este es el código actual que tengo

$(document).ready(function() {
    $(''.abouta'').click(function(){
        $(''html, body'').animate({scrollTop:308}, ''slow'');
        return false;
    });
    $(''.portfolioa'').click(function(){
        $(''html, body'').animate({scrollTop:708}, ''slow'');
        return false;
    });
    $(''.contacta'').click(function(){
        $(''html, body'').animate({scrollTop:1108}, ''slow'');
        return false;
    });
});

Cuando haces clic en un enlace, por ejemplo, ''abouta'', se desplaza a esa sección específica de la página. Prefiero hacer un scrollTo y luego la identificación de un div para no tener que seguir cambiando la posición de scrollTo si cambio el relleno etc. ¿Hay alguna manera? Gracias

Answer 1

en lugar de

$(''html, body'').animate({scrollTop:xxx}, ''slow'');

utilizar

$(''html, body'').animate({scrollTop:$(''#div_id'').position().top}, ''slow'');

esto devolverá la posición superior absoluta de cualquier elemento que seleccione como #div_id

Answer 2

prueba esto

    $(''#div_id'').animate({scrollTop:0}, ''500'', ''swing'');

Answer 3

prueba esto:

$(''html, body'').animate({scrollTop:$(''#xxx'').position().top}, ''slow'');
$(''#xxx'').focus();

Answer 4

si quieres desplazarte solo un poco de div, puedes usar el id. de div en lugar de ''html, body''

$(''html, body'').animate(...

utilizar

$(''#mydivid'').animate(...