Parallax页面锚链接更新URL，导致浏览器导航问题

Question

这是一个单页网站，其中的导航包含指向页面不同部分的锚链接。单击导航时，URL会更新到ex。（。com / #photos）并使浏览器添加为单击的每个锚链接的新页面。这使得用户如果想要回到以前的网站，则必须多次点击。我想按下最多2个按钮，1个转到页面顶部，2个转到上一个网站。我真的不知道在哪里实现这个代码，或者它是否理想混淆浏览器如何对用户起作用。我的google-fu在这个问题上提供了很少的信息。

Answer 1

您可以将函数附加到window.onpopstate事件，然后检查window.history.length是否已更改。如果它没有改变，可能是按下后退按钮。

喜欢这个..

var prevHistoryLength = -1;
window.onpopstate = function(e){
    if (prevHistoryLength == window.history.length)
        document.location = document.referrer;
    prevHistoryLength = window.history.length;
}