一个jQuery scrollTop();与过渡

时间:2014-09-06 17:06:52

标签: javascript jquery scroll offset scrolltop

嘿伙计们,我无法想出滚动,(当点击div时),并使其平滑。 (就像不直接进入滚动位置一样)

这是我的代码:

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

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

1 个答案:

答案 0 :(得分:9)

试试这个:

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