scrollTop jquery,用id滚动到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然后是div的id,这样如果我改变填充等我就不必继续改变scrollTo位置.有什么办法吗？谢谢

Answer 1

代替

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

使用

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

这将返回您选择的任何元素的绝对顶部位置 #div_id