Jquery 跳转到锚定标记而不在URL中显示哈希标记

Jquery 跳转到锚定标记而不在URL中显示哈希标记,jquery,Jquery,我目前正在使用jQuery在用户单击文章标题时(通过body类中的onload函数)在特定的hashtag处加载页面。该标签显然会显示在url中。我想知道是否有一种方法可以隐藏标签,以免弄乱URL。做了一些搜索,结果不多 function goToAnchor() { location.href = "#post"; } 如图所示: 只需传递要滚动到的元素的id。您可以将单击事件绑定到这种特定类型的锚,并防止其出现默认值: $('.anchorClass').on('click', f

我目前正在使用jQuery在用户单击文章标题时(通过body类中的
onload
函数)在特定的hashtag处加载页面。该标签显然会显示在url中。我想知道是否有一种方法可以隐藏标签,以免弄乱URL。做了一些搜索,结果不多

function goToAnchor() {
    location.href = "#post";
}
如图所示:


只需传递要滚动到的元素的id。

您可以将单击事件绑定到这种特定类型的锚,并防止其出现默认值:

$('.anchorClass').on('click', function(e) {
  e.preventDefault();
  // rest of stuff
});
“剩下的东西”意味着找到某种插件或代码样本,可以跳转页面。如果你想让它顺利运行,有一个scrollTo插件非常流行。甚至可能是scrollTo插件负责默认的预防

[更新]


杰夫的建议(假设有效)是“剩下的东西”,是两个答案中更有用的一个但是防止默认仍然很重要。

我认为您可以使用.htaccess文件。在那里,您可以使一些url链接位于同一地址


例如
fff.com/fff
fff.com
fff.com 35; anchor
可以在浏览器的选项卡上显示为
fff.com

跳转/平滑滚动到锚定标记,而不在URL中显示标签

函数scrollSmoothTo(elementId){
var element=document.getElementById(elementId);
element.ScrollingToView({
块:“开始”,
行为:“平滑”
});
}
#userdiv{
利润上限:200px;
宽度:200px;
高度:400px;
边框:1px纯红;
}
a{
颜色:#337ab7;
光标:指针;
}
a:悬停{
文字装饰:下划线;
}

滚动到userdiv
这是一个随机文本

我仍然喜欢你所拥有的
:)
我们互相称赞。我想我忘了在wordpress中提到这一点。因此,当我点击博客文章页面上的链接时,我希望它滚动到标题。我试着使用这个,但按照链接中的说明,我无法让它工作。。。有什么建议吗?当你点击一个链接时,你能确保函数被调用吗?尝试将
alert()
放入其中。
$('.anchorClass').on('click', function(e) {
  e.preventDefault();
  // rest of stuff
});