javascript - 返回时保存滚动位置

Question

我正在尝试保存页面的滚动位置，当我们从该页面（产品列表）转到产品，然后返回产品列表时。这种情况应该发生的唯一情况是从 prodlist 到 prod 再到 prodlist（按回）。

我的第一个想法是在 javascript 中检查历史记录中的 URL，但没有读取 history.back，它只是一个动作。

Answer 1

您可以使用 jquery 并调用 Position 方法或。窗口上的偏移方法。并从顶部和左侧获取 x 和 y。然后将 x、y 存储到 localStorage 中。Localstorage 对于 HTML5 来说非常简单。当用户返回旧页面时，读取 x, y from。本地存储示例：本地存储。设置项（名称，值）；本地存储。获取项目（名称）；

Answer 2

好的，我们找到了解决方案。显然我们已经实现了面包屑导航，所以我只是拉了中间元素（我们有 3 个），以检查用户在产品之前的位置。如果按下后退按钮，我们将保留过滤器。

因此，这里唯一要做的就是查询productlist上等于面包屑中间href的产品，然后scrollTop到product.offset().top，然后bam。

祝阅读本文的人愉快。