平滑滚动到其他页面上的内部链接

Question

我正在寻找解决方案，以便我可以平滑滚动到另一个html页面上的内部链接。 我喜欢这样的代码：

$(document).ready(function(){
$('a[href^="#"]').on('click',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;
    });
});

}）;

但是，此代码的问题在于，当您第一次放置html文件名时，它不会起作用，而在href后面是内部链接。 我有这样的锚点：

<a href='blabla.html#bla1'>Blabla link</a>

我找不到解决此问题的方法。 我已经在整个互联网上搜索了答案，但找不到。 是否可以重写此代码，以便我可以将其与超链接一起使用？ 我需要在jQuery中执行此操作。