带有URL更改的single.php上的无限滚动

Question

我正在开发一个需要此功能的主题，与The Daily Beast和Bloomberg完全相同。

如果您将页面滚动到博客文章的末尾，则会加载下一个，并且URL将更改为与当前帖子匹配。

有谁知道插件或至少有关于我该怎么做的任何想法？

Answer 1

当访问者浏览到页面末尾时，您需要收听被触发的事件。这可能是一个scroll侦听器，当某个元素弹出视图时会触发（多种方法）。

当事件被触发时，您需要使用AJAX获取新帖子（请参阅关于插件/主题AJAX的WP文档，例如如何在WordPress中使用admin-ajax.php）。加载AJAX响应并成功插入模板后，您需要使用浏览器历史记录API或类似内容来推送页面的新URL。

也许你可以将这个问题分成几个较小的问题，并在每个问题上得到更具描述性的答案。我看到你需要解决的以下问题（与1对1无关）：

1. 当用户滚动到页面上的某个位置时触发JS事件。
2. 使用AJAX加载WordPress帖子并将其插入模板。
3. 在页面上完成某些操作后，更改浏览器当前的URL地址。