我可以在没有网页滚动的情况下更新window.location.hash吗？

使用JavaScript,有没有办法更新window.location.hash而无需滚动网页？

我有可点击的标题元素,可以直接在它们下方切换div的可见性.单击标题但我不希望页面滚动时,我想要历史记录中的/ foo #bar.因此,当离开/ foo #bar导航时,我将能够使用后退按钮,并且在返回时可以看到其ID在window.location.hash中的div.

这种行为可能吗？

1> Luca Reghell..：

---

要在不重新加载/滚动页面的情况下更改哈希,您现在只需使用html5即可history.pushState.

history.pushState(null,null,'#hashexample');

它受到所有主流浏览器的支持:

http://caniuse.com/history

MDN:

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history#The_pushState().C2.A0method

另请注意我们在这里使用的最后一个url参数,它可以是任何url,因此它不仅限于哈希.

---

`replaceState`可能是更好的方式.不同之处是`pushState`会在您的历史记录中添加一个项目,而`replaceState`则不会.

---

哦,我希望我能拥抱你.

2> 小智..：

---

尽可能容易

var scrollmem = $('html,body').scrollTop();
window.location.hash = hash;
$('html,body').scrollTop(scrollmem);

---

似乎在Chrome中不起作用,或者仅仅是我？在Firefox中使用A1 ...

---

我认为第一行应该是"var scrollmem = $('html,body').scrollTop();" 匹配第三个.否则它在firefox中对我不起作用.

3> Sunny..：

---

您可以尝试的另一件事是更改哈希指向临时的元素的id.为我工作!

function changeHashWithoutScrolling(hash) {
  var id = hash.replace(/^.*#/, ''),
      elem = document.getElementById(id)
  elem.id = id+'-tmp'
  window.location.hash = hash
  elem.id = id
}