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

Posted

技术标签:

【中文标题】从其他页面重定向到#tag 部分【英文标题】:Redirect to #tag section from a different page 【发布时间】:2019-07-12 21:39:41 【问题描述】:

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

我有一个在标题中使用的按字菜单。这是一个单页网站,所以我使用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 & PolicyTerms & Conditions。当我在这些页面中时,我无法通过单击菜单项导航到front-page sections。老实说不可能,因为我只使用#sec-home

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

    我的网址中出现了/#sec-home 平滑滚动效果不适用于此href url

有什么办法可以解决我的问题。

【问题讨论】:

两年前我问了一个类似的问题,得到了一个很好的答案,解决了我的问题:***.com/q/36137841/5641669 @Johannes 谢谢您的回复先生。但同时我想防止出现在我的网址中的#标签上。 【参考方案1】:

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

【讨论】:

标头很常见。我没有为每个页面设置单独的标题

以上是关于从其他页面重定向到#tag 部分的主要内容,如果未能解决你的问题,请参考以下文章

登录以重定向到其他页面

ASP.NET 网页的重定向和传值

单击提交按钮后无法重定向到其他页面

AngularJS - 页面重定向到 Angular js 中的其他页面,同时尝试从 url 获取参数

重定向进入空白页面而不重定向到路由 Laravel 5.8

react嵌套路由(多重路由)重定向,重定向到404页面,路由重定向