如果你想要迁移到同一页面上的锚节，而不需要页面跳转，请使用:

只要用“#/”而不是“#” 如

<a href="#/home">Home</a>
<a href="#/about">About</a>
<a href="#/contact">contact</a> page will not jump up on click..

#/技巧有效，但会向浏览器添加一个历史事件。因此，点击返回并不能像用户希望的那样工作。

美元(的身体)。(“点击”,“(href = " # "],函数(e) {e.preventDefault ()});是我去的方式，因为它适用于已经存在的内容，以及加载后添加到DOM的任何元素。

具体来说，我需要在.btn-group(Reference)中的引导下拉菜单中做到这一点，所以我做了:

美元(的身体)。('点击','。下拉菜单li a[href="#"]'， function(e) {e.f preventdefault ()});

这样它是有针对性的，并且不会影响页面上的任何其他内容。

有4种类似的方法可以防止页面在不使用JavaScript的情况下跳转到顶部:

选项1:

<a href="#0">Link</a>

选项2:

<a href="#!">Link</a>

选项3:

<a href="#/">Link</a>

选项4(不推荐):

<a href="javascript:void(0);">Link</a>

但是如果你在jQuery中处理点击事件，最好使用event. preventdefault()。

对我来说最简单的就是这样做。

<a href=“#” onclick=“return false;”>一些文本</a>

使用JS的原因是大多数现代网站都依赖于它。

我使用的方法是这样的:

<a href="#null" class="someclass">Text</a>

我用过:

<a href="javascript://nop/" class="someClass">Text</a>