无限滚动+后退按钮，如jabong答案

【问题标题】：Infinite scroll + back button like jabong无限滚动+后退按钮，如jabong
【发布时间】：2014-11-26 08:03:28
【问题描述】：

我想实现一个功能，在单击后退按钮时，我会回到相同的位置。一个很好的例子可能是 http://www.jabong.com/men/clothing/mens-t-shirts/ 。在这里，如果您向下滚动并点击产品，然后从产品页面单击返回，您将到达该产品所在页面的相同位置。

此处显示的示例未在 url 中附加任何内容以记住位置。此外，它不使用 pushstate 或 history.js（不通过 ajax 加载）。

关于如何做到这一点的任何见解？

【问题讨论】：

是否有任何插件或代码可以实现这一点？

标签： javascript jquery

【解决方案1】：

我认为他们使用类似的东西：

anchor = $('#foo');
$('html,body').animate({scrollTop: anchor.offset().top},'fast');

因为我保存后找到的。

class="lastproduct added"

【讨论】：

【解决方案2】：

当您点击一个产品时，它会触发一个功能，即插入一个带有当前页面和点击 SKU 的 cookie。因此，当您返回时，一个函数会获取此 cookie，加载所有页面并设置滚动位置并使用以下函数删除 de cookie：

scrollToLastViewedProduct: function() {
    var a = $(window).scrollTop();
    if ($("#" + lastViewedCatalogDetail.sku).length) {
        $(window).scrollTop(a + 1);
        $(window).scrollTop($("#" + lastViewedCatalogDetail.sku).offset().top)
    }
    lastViewedCatalogDetail.removeCatalogCookie()
}

【讨论】：