首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jquery点击锚元素会强制滚动到顶部吗?

jquery点击锚元素会强制滚动到顶部吗?
EN

Stack Overflow用户
提问于 2009-06-30 03:29:24
回答 6查看 34.7K关注 0票数 18

jQuery hyperlinks - href value?文本]1

我在使用jquery和附加到锚点元素的click事件时遇到了一个问题。1:jQuery hyperlinks - href value?“This SO”这个问题似乎是重复的,而且公认的答案似乎不能解决问题。抱歉,如果这是一个不好的礼节。

在我的.ready()函数中,我有:

代码语言:javascript
复制
jQuery("#id_of_anchor").click(function(event) { //start function when any update link is clicked
        Function_that_does_ajax();
        });

我的锚看起来像这样:

代码语言:javascript
复制
<a href="#" id="id_of_anchor"> link text </a> 

但是当单击链接时,ajax函数会按需执行,但浏览器会滚动到页面的顶部。不太好。

我试着添加:

代码语言:javascript
复制
event.preventDefault(); 

在调用执行ajax的函数之前,这并没有什么帮助。我遗漏了什么?

澄清

我用了所有的组合

代码语言:javascript
复制
return false;
event.preventDefault(); 
event.stopPropagation();

在我调用js ajax函数之前和之后。它仍然会滚动到顶部。

EN

回答 6

Stack Overflow用户

发布于 2009-07-04 05:14:04

您可以在href属性中使用javascript:void(0);。

票数 5
EN

Stack Overflow用户

发布于 2010-10-23 05:16:26

正如Tilal上面所说的:

代码语言:javascript
复制
<a id="id_of_anchor" href="javascript:void(0)" />

保持锚点标签向右看,允许你用javascript给它分配点击处理程序,并且不滚动。我们广泛使用它就是因为这个原因。

票数 5
EN

Stack Overflow用户

发布于 2009-06-30 03:32:20

代码语言:javascript
复制
$("#id_of_anchor").click(function(event) { 
  // ...
  return false;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1061580

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档