无限滚动页面的深度链接

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哈希值。