在WordPress中使用Infinite Scroll更改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，并更新currentPage，如果你的infinitesscroll应该是向后走了。

你需要滚动到加载时的特定位置，从页面参数