jquery#scrolls to top

时间:2012-07-12 11:53:17

标签: jquery href

  

可能重复:
  Avoid window jump to top when clicking #-links

在我的网站上,我点击链接,jquery为他们处理事件。链接很简单,例如:

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

问题是,我点击了这样一个链接,它会滚动到页面顶部(可能是因为#)。

有没有办法让页面根本不向上滚动而只是留下来?

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

5 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

  

如果调用此方法,则不会触发事件的默认操作。

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

或者你可以使用它,稍微长一些但是可以使用

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

答案 4 :(得分:0)

在'#'之后放置'void'应停止滚动并仍允许事件触发。

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