Question

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

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

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

Answer 1

我认为他们使用的是：

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

我保存后找到了。

class="lastproduct added"

Answer 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()
}

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

2 个答案: