如何像 Reuters.com 一样加载不同的页面

Question

如果您在 Reuters.com 上阅读一篇文章并向下滚动到页面底部，则会显示另一篇文章，并且网址会发生变化。如果向后滚动，则会看到上一页，其中包含上一个 URL。

我只有三个 php 页面，我想一个接一个地加载，因为一个向下滚动页面。有没有一种干净的方法可以做到这一点？

像这样：

页1：

<code of Page1>
<append Page2 code>

页2：

<code of Page2>
<append Page3 code>

无限滚动库，如jquery-ias似乎不支持这种行为，或者至少我看不出如何。

Answer 1

无限滚动界面中的历史记录 Web API。

现场演示 -源代码

Answer 2

这可以通过带有历史扩展的无限Ajax Scroll来实现。

在您的情况下，您需要在文章底部提供指向下一篇文章的链接。在 IAS 的配置中使用此链接。然后，当您向下滚动时，IAS 将加载下一页并更新 URL。

观看演示。

Answer 3

这对我有用：

1. 在页面末尾添加占位符div：

<div id="2nd"></div>
<div id="3rd"></div>

2. 这个 jquery 脚本：

   $("#2nd").load("all.php");
   $("#3rd").load("target.php");