使用 link 重定向到 DIV 并在显示中隐藏锚哈希

Question

我正在尝试制作一些 link 将用户重定向到页面的特定部分 (div)。出于这个原因，我正在使用锚点，但我在浏览器的选项卡上看到了 www.f f f.com/#anchor link。我只想看到 www.f f f.com，这样标签就不会显示在 url 上。

这是将我重定向到页面特定部分的 link 代码：

<a href="#anchor" id="aboutme">SPECIFIC_PART_OF_PAGE</a>

这里是 div 的代码，点击 link 后我被引导到那里：

<div id="anchor" class="title" ">HERE_WE_ARE</div>

我正在尝试让它在 jquery:

中工作

$('#aboutme').click(function(e)
{
e.preventDefault();
$('#aboutme').hide();
$('#anchor').show();
$(window).scrollTop($('#anchor').offset().top);
});

它确实有效，但我看到 link "HERE_WE_ARE" 现在已经消失了。它是不可见的。我应该怎么做才能将它隐藏在我的浏览器选项卡上显示的 url 中并仍然在菜单中？

Answer 1

这是锚点的预期功能。如果您必须删除它们，this answer 可能会有所帮助。但我建议离开他们。我个人一直在使用它们，尤其是在 SO 上。它有助于告诉您的用户他们在哪里。