使用WordPress中的无限滚动更改URL（使用pushState）

Question

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

我怎样才能将pushState与jScroll一起使用？目标是使用jScroll，滚动到上一个或下一个帖子时需要更改URL。

Answer 1

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

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

在该回调中，您可以使用pushState来操纵浏览器历史记录。将url替换为正确的url，如果你的infinitescroll也应该向后移动，则更新currentPage。

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