jquery - jquery # 滚动到顶部

Question

可能重复：
单击#-links 时避免窗口跳转到顶部

在我的网站上，我有可以点击的链接，jquery 会为它们处理一个事件。链接很简单，例如：

<a href=# class=bleh>click</a>

问题是，我单击这样的链接，它会滚动到页面顶部（可能是因为#）。

有什么方法可以让页面根本不向上滚动并保持原样？

我知道我不需要 href 标签，但我希望它显示为链接。

score 1 · Accepted Answer

您可以尝试禁用链接上的默认点击行为href="#"。

$('[href="#"]').click(function (e) {
    e.preventDefault();
});

score 1 · Accepted Answer

您可以使用event.preventDefault()它来阻止点击事件的默认操作：

如果调用该方法，则不会触发事件的默认动作。

$('.bleh').click(function(eve){
   eve.preventDefault()
})

score 0 · Accepted Answer

0

$('.bleh').on('click', function(e) {
   e.preventDefault();
   return false;
})

于 2012-07-12T11:57:24.983 回答

score 0 · Accepted Answer

或者你可以使用这个，稍微长一点，但有效

<a href="javascript:void(0);" class="bleh">click</a>

score 0 · Accepted Answer

在“#”之后放置“void”应该会停止滚动并仍然允许事件触发。

<a href=#void class=bleh>click</a>

5 回答 5