javascript - 如何返回cookie中存储的URL

Question

我在类别页面上设置了无限滚动。当用户单击“加载更多”时，当前页面 URL 将存储为 cookie。

当用户单击产品并点击后退按钮时，我希望他们返回到同一点。

如何设置后退按钮以返回到 cookie 中存储的 URL？

当前JS:

$(document).on('click', '.page-next a', function (e) {
    e.preventDefault();

    var self = $(this),
        loadparent = self.parents('.ajax-load');

    setTimeout(function () { $(loadparent).fadeOut(); }, 700);

    $('.ajaxLoaderOverlay').addClass('show');

    $.ajax({
        url: $(this).data('url'),
        method: 'POST',
        dataType: 'html',
        success: function (data) {
            $('.mid-content').append(data);
            $('.ajaxLoaderOverlay').removeClass('show');
        }
    });

    var thisCookie = $(this).parent().data('href');
    setCookie('listingPerRow', thisCookie, '30');
});

提前非常感谢

Answer 1

一个简单的解决方案是让“加载更多”按钮将 URL 更改为指向特定元素的链接 (www.example.com/#id)。然后，后退按钮将滚动到页面的该部分，而不需要额外的 JavaScript:

var place = 0;
...
location.href = location.href.slice("#")[0] + "#load-" + place++;