jquery - 在 WordPress 中使用无限滚动更改 URL（使用 pushState）

Question

我已经从这里设置了无限滚动并且它可以工作：https ://github.com/pklauzinski/jscroll 。此外，我想更改浏览器地址栏中的 URL，但无法正常工作。https://github.com/wataruoguchi/clever-infinite-scroll上有一个类似的解决方案，但我只想加载下一个帖子，而不是选择器调用的所有帖子。

我如何将 pushState 与 jScroll 一起使用？目标是使用 jScroll，并且在滚动到上一个或下一个帖子时需要更改 URL。

Answer 1

您可以使用callbackjscroll 的参数在完成加载内容后触发函数。

var currentPage = 1;
$('.jscroll').jscroll({
    // your current jsscroll options
    callback: function() {
        currentPage++;
        History.pushState(null, $('head > title').html(), 'http://yourpageurl.com/page/' + currentPage);
    }
});

在该回调中，您可以pushState用来操作浏览器历史记录。用正确的网址替换网址，如果您的无限滚动也应该向后退，则更新 currentPage。

您还需要从页面参数滚动到加载时的特定位置。