一个jQuery scrollTop(); 与过渡

Question

嘿家伙我无法弄清楚滚动,(当点击div时),并使其平滑.(就像不直接进入滚动位置)

这是我的代码:

$('.about-center').click(function() {
    var div = document.getElementById('ABOUT');
    var pos = div.offsetTop;

    $(window).scrollTop(pos);
});

Answer 1

试试这个:

$('.about-center').click(function() {
    var div = $('#ABOUT');
    var pos = div.offset().top;

    $('html, body').animate({scrollTop:pos},2000); // will take two seconds to scroll to the element
});