如何像 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。
这可以通过使用history extension的无限Ajax滚动来实现。
在您的情况下,您需要 link 到文章底部的下一篇文章。在 IAS 的配置中使用此 link。然后当您向下滚动时,IAS 将加载下一页并更新 url.
看到一个demo。
这对我有用:
- 在页面末尾添加占位符 div:
<div id="2nd"></div>
<div id="3rd"></div>
这个jquery脚本:
$("#2nd").load("all.php");
$("#3rd").load("target.php");
如果您在 Reuters.com 上阅读 article 并向下滚动到页面底部,将显示另一篇文章,并且 url 会发生变化。如果向后滚动,您会看到上一页,以及上一页 url。
我只有三个 php 页面,我想在页面向下滚动时一个接一个地加载。有干净的方法吗?
类似于:
第 1 页:
<code of Page1>
<append Page2 code>
第 2 页:
<code of Page2>
<append Page3 code>
无限滚动库,如 jquery-ias 似乎不支持这种行为,或者至少我不明白如何支持。
无限滚动界面中的历史 Web API。
这可以通过使用history extension的无限Ajax滚动来实现。
在您的情况下,您需要 link 到文章底部的下一篇文章。在 IAS 的配置中使用此 link。然后当您向下滚动时,IAS 将加载下一页并更新 url.
看到一个demo。
这对我有用:
- 在页面末尾添加占位符 div:
<div id="2nd"></div> <div id="3rd"></div>
这个jquery脚本:
$("#2nd").load("all.php"); $("#3rd").load("target.php");