scrollTop jquery, прокрутка до div с идентификатором?

Question

Так это текущий код у меня есть

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

При нажатии на ссылку, например, 'abouta' прокручивает этот раздел страницы. Я бы предпочел сделать scrollTo, а затем id div, чтобы мне не пришлось менять позицию scrollTo, если я меняю padding и т. Д. Есть ли способ? Благодаря

Answer 1

вместо

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

использование

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

это вернет абсолютное верхнее положение любого элемента вы выбираете, как #div_id

Answer 2

, если вы хотите, чтобы просмотреть только лишь некоторые DIV , можно использовать div id вместо 'html, body'

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

использование

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

Answer 3

попробовать это:

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

Answer 4

попробовать это

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