javascript - 如何在不导致页面滚动的情况下删除位置哈希？

Question

是否可以从 window.location 中删除散列而不导致页面跳转到顶部？我需要能够在不引起任何跳跃的情况下修改散列。

我有这个:

$('<a href="#123">').text('link').click(function(e) {
  e.preventDefault();
  window.location.hash = this.hash;
}).appendTo('body');

$('<a href="#">').text('unlink').click(function(e) {
  e.preventDefault();
  window.location.hash = '';
}).appendTo('body');

在此处查看实例:http://jsbin.com/asobi

当用户点击“链接”时，hash 标签被修改而没有任何页面跳转，因此工作正常。

但是当用户点击“取消链接”时，has 标签被移除并且页面滚动跳转到顶部。我需要在没有这种副作用的情况下删除哈希。

Answer 1

我相信，如果您只是放入一个虚拟哈希，它就不会滚动，因为没有可滚动到的匹配项。

<a href="#A4J2S9F7">No jumping</a>

或

<a href="#_">No jumping</a>

"#" 本身等同于 "_top" 因此导致滚动到页面顶部