当单击触发JavaScript的链接时，如何阻止网页滚动到顶部？

Question

当单击触发JavaScript的链接时，如何阻止网页滚动到顶部？

当我有一个连接到jQuery或JavaScript事件的链接时，例如：

<a href="#">My Link</a>

如何防止页面滚动到顶部？当我从锚点中删除href属性时，页面不会滚动到顶部，但链接似乎不能单击。

Answer 1

一种简单的方法是利用这些代码：<a&nbsp;href="javascript:void(0);">Link&nbsp;Title</a>此方法不强制页面刷新，因此滚动条保持不变。此外，它允许您以编程方式更改onClick事件，并使用jQuery处理客户端事件绑定。由于这些原因，上述解决方案优于：<a&nbsp;href="javascript:myClickHandler();">Link&nbsp;Title</a><a&nbsp;href="#"&nbsp;onclick="myClickHandler();&nbsp;return&nbsp;false;">Link&nbsp;Title</a>最后一个解决方案将避免滚动跳转的问题当且仅当myClickHandler方法没有失败。