从其他页面重定向到#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> 仅用于主目录。