在ajax加载的页面上平滑锚点滚动（无法读取属性'top'）

Question

我正在尝试使我的锚链接顺利滚动，无论我做什么，我都无法让它们工作。这些页面是由ajax加载的，我把代码放在加载的页面上没有任何效果，并且放在主页面上（进行加载）并没有。

这是我的主页代码：

$(document).on('click','a[href^="#"]',function (e) {
    e.preventDefault();
    var target = this.hash;
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop':  $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
});

这是加载页面上的代码（简化）：

<a href="#bottom" alt="bottom" id="btn-bottom">click</a>
<!--
content goes here
-->
<a name="bottom" id="bottom"></a>