首页 / JAVASCRIPT / javascript-是否有方法可以覆盖浏览器的默认行为以单击哈希？

javascript-是否有方法可以覆盖浏览器的默认行为以单击哈希？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-是否有方法可以覆盖浏览器的默认行为以单击哈希？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1003字，纯文字阅读大概需要2分钟。

内容图文

当我有以下内容时：

<a name='test'></a>

…并将其加载到浏览器中,我可以将#test附加到URL上,然后浏览器将滚动以使< a>在页面顶部.

但是,我想更改此行为(如果可能,请使用JavaScript),以便使用哈希不会滚动页面-我希望它只是不执行任何操作.

有没有一种方法可以在不删除< a>元件？

更新：我需要浏览器仍然发送onhashchange()事件,但无需滚动到< a>元件.原因是我想在保留事件通知的同时覆盖滚动.

解决方法:

快速的肮脏技巧,但这是您可以建立的：

var curScroll = prevScroll = $(window).scrollTop()

$(window).bind('scroll', function() {
  prevScroll = curScroll
  curScroll = $(this).scrollTop()
}).bind('hashchange', function() {
  $(this).scrollTop(prevScroll)
})

我在这里使用jQuery,以使其能够在浏览器中正常运行,并保持页面的onhashchange和onscroll处理程序完整无缺.我发现的一个问题是,如果您单击同一主题标签两次,它仍然会滚动.

UPD.我只是想出了一个更好的解决方案：

$('a').live('click', function() {
  if (this.href.split('#')[0] == location.href.split('#')[0]) {
    var scrollTop = $(window).scrollTop()
    setTimeout(function() {
      $(window).scrollTop(scrollTop)
    }, 0)
  }
})

内容总结

以上是互联网集市为您收集整理的javascript-是否有方法可以覆盖浏览器的默认行为以单击哈希？全部内容，希望文章能够帮你解决javascript-是否有方法可以覆盖浏览器的默认行为以单击哈希？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/652310.html

来源：【匿名】