無限滾動頁面的深度鏈接

Question

我創建了一個無限滾動的頁面，遞歸地加載和追加下一頁的內容到當前頁面。我認爲瀏覽體驗可以是非常棒的，但是目前的方法並非沒有可用性的缺點。

不完整的漸進增強。在使用Ajax時支持後退按鈕並提供深層鏈接總是很好的。無限滾動的當前實現不支持這一點。沒有辦法可以書籤狀態。

關於提高無限滾動用戶體驗的一些想法。需要意見。

1. 更改每個負載的URL散列，例如， /！＃/ 2 - > /！＃/ 3
2. 單擊後退按鈕應向上滾動頁面。點擊前進按鈕應該向下滾動。
3. 訪問深層鏈接應該像Ajax之前一樣。繼續並且從第3頁開始，應該只顯示第3頁的內容，而不是第2頁和第1頁，因爲用戶沒有要求他們。
4. 他應該仍然有一種方法去頁2和1，就好像它是定期分頁一樣。由於頁面3在0處使用scrollTop加載，因此向上滾動事件不起作用。爲此，我們可能仍然需要一個可點擊的鏈接。
5. 我們需要檢查是否因爲我們不應該在3頁

你們有什麼想結束加載第2頁的內容請求的頁面數量比當前更大？

Answer 1

有趣的問題。我建議以#!/from/123/to/456的形式更改URL哈希，並在頁面加載時增加to ID。

無論您是使用散列還是歷史API重寫修改URL，在UX意義上，URL始終代表當前內容的位置。例如，用戶需要書籤，點擊重新加載或將URL複製到其他計算機，然後單擊開始，將返回相同的頁面。

無限滾動頁面完成URL邏輯的唯一方法就是我上面建議的URL哈希。否則，就把它留下吧。 Twitter不會在其主頁上更新URL哈希值。