jquery - 单击后退按钮但不离开页面时防止自动滚动？

Question

查看此页面:http://goo.gl/X3tjr

当您单击帖子时，帖子会以动画形式显示，并且 URL 哈希会发生变化。问题是当返回时，我希望有一个平滑的动画回到用户单击帖子时所在的位置。现在，它只是跳回到原来的位置，而且看起来不太好。

我读了这个问题:Prevent browser from snapping to previous scroll position when pushing back button

但我的情况有点不同，因为页面实际上并未重新加载(哈希值只是消失了)。

是否可以取消自动滚动？

Answer 1

我向您推荐History.js: https://github.com/browserstate/History.js/

无需重新加载即可轻松更改网址并管理页面历史记录。

不幸的是，您无法捕获“后退”事件，因为它不存在，但您可以捕获statechange

// Bind to StateChange Event
History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate
    var State = History.getState(); // Note: We are using History.getState() instead of event.state
    History.log(State.data, State.title, State.url);
});

我通常做的是捕获用户的点击，如果在没有点击的情况下触发状态更改，我认为用户会返回。