从另一页平滑滚动到#anchor

Question

嗨，我想从页面（博客）中单击导航项，然后链接到锚点（主页）时，用jquery动画化平滑滚动效果。

到目前为止，我已经获得了以下代码。

$('a.nav-link[href^="#"]').on('click', function(event) {

  if (this.hash !== "") {

    event.preventDefault();

    var hash = this.hash;

    var headerHeight = $('.navbar').height();
    $('html, body').animate({
      scrollTop: $($(this).attr("href")).offset().top - headerHeight
    }, 800, function(){

    });
  }
});

在主页上单击链接（#anchor）时，平滑滚动有效（动画）。当我单击博客页面（网址/＃anchor）上的导航项时，它将直接导航到主页上的部分ID，但没有动画。另外，在主页上单击锚点链接时，偏移量也不会被考虑。

任何帮助将不胜感激。

谢谢。