平滑滚动到页面上的锚点？

Question

这是我正在使用的可点击div的HTML：

        <div class="arrow bounce" id="down-arrow" onclick="location.href='#about-me';">

我怎样才能使它平滑滚动到div而不是跳转？ 我看过一些jQuery选项，但是它们使用href时不起作用。

Answer 1

$('html, body').animate({
    scrollTop: $(".about-me").offset().top
 }, 2000);

编辑：

$('#down-arrow').click(function () {
    $('html, body').animate({
        scrollTop: $("#about-me").offset().top
    }, 2000);
});