为什么这个滚动脚本不能平滑滚动但跳转到div？

Question

我有这个代码，只要点击一个标签，就可以平滑滚动到页面上的一个锚点。但是，此代码不能平滑滚动，而是跳转到div。

$('a[href*="#"]:not([href="#"])').click(function() {
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top
        }, 500);
        return false;
    });