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

How to load different pages like on Reuters.com?

如果您在 Reuters.com 上阅读 article 并向下滚动到页面底部,将显示另一篇文章,并且 url 会发生变化。如果向后滚动,您会看到上一页,以及上一页 url。

我只有三个 php 页面,我想在页面向下滚动时一个接一个地加载。有干净的方法吗?

类似于:

第 1 页:

<code of Page1>
<append Page2 code>

第 2 页:

<code of Page2>
<append Page3 code>

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

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

Live demo - Source code

可以通过使用history extension的无限Ajax滚动来实现。

在您的情况下,您需要 link 到文章底部的下一篇文章。在 IAS 的配置中使用此 link。然后当您向下滚动时,IAS 将加载下一页并更新 url.

看到一个demo

这对我有用:

  1. 在页面末尾添加占位符 div:
<div id="2nd"></div>
<div id="3rd"></div>
  1. 这个jquery脚本:

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