如何在Reuters.com上加载不同的页面?

时间:2018-04-10 21:53:46

标签: php jquery html infinite-scroll jquery-ias

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

我只有三个php页面,我想一个接一个地加载,因为一个向下滚动页面。有没有干净的方法呢?

类似的东西:

第1页:

<code of Page1>
<append Page2 code>

2页:

<code of Page2>
<append Page3 code>

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

3 个答案:

答案 0 :(得分:0)

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

Live demo - Source code

答案 1 :(得分:0)

使用history extension的无限Ajax滚动可以实现

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

查看demo

答案 2 :(得分:0)

这对我有用:

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

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