从其他页面重定向到#tag部分

Question

这个问题似乎很重复。但事实并非如此。请花一点时间在这上面。

我有一个用于标题的单词按菜单。这是一个单页网站，所以我使用section id重定向页面，如（<a href="#sec-home">Home</a>）。在这些部分之间，我需要一个平滑的滚动效果，所以我使用下面的代码。

$(".nav a[href^='#']").click(function(e) {
  e.preventDefault();

  var position = $($(this).attr("href")).offset().top;

  $("body, html").animate({
    scrollTop: position
  } /* speed */ );
});

在这种情况下，我有两个单独的页面是Privacy & Policy和Terms & Conditions。当我在这些页面中时，我无法通过菜单项单击导航到front-page sections。老实说它不可能，因为我只使用#sec-home。

现在你可以问为什么不使用<a href="domain/#sec-home">Home</a>。在这里，我面临的问题是

1. 我在我的网址中获取/#sec-home
2. 此href url无法使用平滑滚动效果

什么可以解决我的问题的解决方案。

Answer 1

尝试<a href="../#sec-home">Home</a>仅用于主目录。