jQuery scrollTop, przewijanie do div z identyfikatorem?

Question

Więc to jest bieżący kod mam

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

Po kliknięciu linku np "abouta" przewija do określonej sekcji strony. Wolę zrobić scrollTo, a następnie id elementu div, więc nie będę musiał zmieniać pozycji scrollTo, jeśli zmienię dopełnienie itd. Czy jest jakiś sposób? Dzięki

Answer 1

zamiast

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

użytku

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

to zwróci absolutną górną pozycję cokolwiek elementem wybrania jako #div_id

Answer 2

jeśli chcesz przewinąć zaś tylko niektóre div może używać identyfikatora div zamiast "html, body"

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

użycie

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

Answer 3

spróbuj tego:

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

Answer 4

spróbować to

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