scrollTop jquery, desplazándose a div con id?

Question

Así que 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; 
    }); 
}); 

Al hacer 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'); 

uso

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

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

Answer 2

si desea desplazar sólo sólo algunos div , puede utilizar el id. de div en lugar de 'html, body'

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

uso

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

Answer 3

intente esto:

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

Answer 4

probar este

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