javascript - 单击#-links 时避免窗口跳到顶部

Question

我有一个包含一些问题和答案的页面，默认情况下答案是折叠的。当他们单击问题时，我会展开隐藏的答案部分。问题是当我点击这些问题时，窗口会跳到屏幕顶部。这不是一个大问题，但我觉得很烦人，因为我必须再次向下滚动到问题。

链接看起来像这样:

<a href="#" id="myID">Myquestion</a>

我使用 jQuery 和 .click 作为事件监听器。

有什么简单的方法可以避免这种情况，还是我必须使用 .scroll 并找到问题的坐标？我宁愿避免这种情况。

编辑:我知道我可以使用 anchor 来做到这一点，但我想完全避免屏幕跳动。

Answer 1

您需要将 preventDefault() 添加到您的点击处理程序中。这将停止浏览器执行它自己的链接处理程序，并且只会运行您指定的代码。

例子:

$("#myID").click(function(e) {
    e.preventDefault();
    // Do your stuff
});