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

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

链接看起来就像这样：

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

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

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

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

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

Example:

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