javascript - 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，这样如果我改变 padding 等，我就不必继续改变 scrollTo 的位置。有没有怎么办？

Answer 1

代替

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

使用

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

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