为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

白衣非少年 2019-07-26 15:14:27
当单击触发JavaScript的链接时,如何阻止网页滚动到顶部?当我有一个连接到jQuery或JavaScript事件的链接时,例如:<a href="#">My Link</a>如何防止页面滚动到顶部?当我从锚点中删除href属性时,页面不会滚动到顶部,但链接似乎不能单击。
查看完整描述

3 回答

?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

一种简单的方法是利用这些代码:

<a href="javascript:void(0);">Link Title</a>

此方法不强制页面刷新,因此滚动条保持不变。此外,它允许您以编程方式更改onClick事件,并使用jQuery处理客户端事件绑定。

由于这些原因,上述解决方案优于:

<a href="javascript:myClickHandler();">Link Title</a><a href="#" onclick="myClickHandler(); return false;">Link Title</a>

最后一个解决方案将避免滚动跳转的问题当且仅当myClickHandler方法没有失败。


查看完整回答
反对 回复 2019-07-27
  • 3 回答
  • 0 关注
  • 371 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信