如何在Reuters.com上加載不同的頁面？

Question

如果您在Reuters.com上閱讀了一篇文章並向下滾動到頁面底部，則會顯示另一篇文章，並且URL也會更改。 如果向后滾動，則會看到具有上一個URL的上一頁。

我只有三個php頁面，我想一個接一個地向下滾動，因為一個頁面向下滾動。 有沒有一種干凈的方法可以做到這一點？

就像是：

第1頁：

<code of Page1>
<append Page2 code>

第2頁：

<code of Page2>
<append Page3 code>

像jquery-ias這樣的無限滾動庫似乎不支持這種行為，或者至少我不知道如何。

Answer 1

無限滾動界面中的History Web API。

現場演示 - 源代碼

Answer 2

這可以通過帶有歷史記錄擴展名的 Infinite 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");