single.php 无限滚动 URL 变化

Infinite scroll on single.php with URL change

我正在开发一个需要此功能的主题,就像 The Daily Beast and Bloomberg 一样。

如果您滚动页面直到博客结束post,将加载下一个并且 URL 将更改以匹配当前 post。

有没有人知道插件或者至少知道我该怎么做?

您将需要侦听访问者浏览到页面末尾时触发的事件。这可能是一个 scroll 侦听器,当某个元素弹出到视图中时触发(有多种方法可以做到这一点)。

事件触发后,您需要使用 AJAX 获取新的 post(请参阅有关 plugin/theme AJAX 的 WP 文档,例如如何使用admin-ajax.php 在 WordPress 中)。 AJAX 响应加载并成功插入模板后,您需要使用浏览器历史记录 API 或类似工具为页面推送新的 URL。

或许您可以将这个问题拆分成几个较小的问题,并针对每个问题获得更多描述性答案。我看到您需要解决以下问题(并且不是一对一相关的):

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