单击＃链接时，避免窗口跳至顶部

Question

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

链接看起来像这样：

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

而且我已经使用jQuery和.click作为事件监听器。

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

编辑：我知道我可以使用锚来执行此操作，但我想避免屏幕上的任何跳动。

Answer 1

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

例：

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