在 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。

您還需要從頁面參數滾動到加載時的特定位置。