当我们单击back按钮时，使用history.js转到相同的滚动位置

Question

我想实现一个功能，其中单击后退按钮，我返回到相同的位置。一个很好的例子可能是我们向下滚动并点击某个产品的任何电子商务site.When，然后从产品页面单击back，我们应该会到达该产品所在页面的相同位置。

我们使用history.js来查找哈希更改，并使用save状态来保存条目。但当我点击“后退”按钮时，它会加载到页面的顶部，而不是项目滚动位置。此外，我们主要使用AJAX加载数据

我是jquery，ajax的新手，所以不知道如何设置滚动位置，保存并在后退按钮点击时加载。

任何帮助都是最好的！

谢谢

Answer 1

我最近使用$(document).scrollTop()实现了类似的东西，并在离开页面时将该数字存储在cookie中。我的用例是非pushState的，但同样的想法也可以很容易地用History.js的事件替换页面加载事件进行调整，而且不需要为持久化cookie而烦恼；正如@Kyle在他的评论中提到的那样，History.js允许您使用当您返回到该状态时返回的cookie来存储数据。

请参阅jQuery的文档：http://api.jquery.com/scrolltop/