滑动页面过渡，下方预加载新内容

Question

我正在开展一个项目，客户想要一种在内容之间转换的方式，这种方式基本上就像打开电子阅读器应用程序的页面一样。当您单击链接前进时，当前内容向左滑动，新内容在滑动时显示。如果单击链接向后退，则内容从左侧滑入并叠加。 （如果您要跳转到更远的页面，则可以重新加载页面。）

每个内容块都需要有一个不同的 URL，理想情况下，这应该一直到 IE7。假设至少有 50 页，每页至少有 2-300 个字。

我知道有很多 jQuery 页面转换选项，但是我看过的大多数选项在旧内容滑出时滑入新内容，或者在旧内容消失后淡入新内容（想想slide.js）。我需要的基本上是垂直的窗帘.js，由链接而不是滚动触发，并且不需要一次加载页面上的所有内容。

这是我想出的一种可能构建它的方法：

• 当前内容是从数据库（或其他）加载的
• 上一页和下一页的内容也被加载并存储在隐藏的 div 中
• 点击链接时，当前页面滑出（或上一页滑入）
• 不再需要的内容被删除
• 新内容已通过 AJAX “预加载”并隐藏
• 本地 URL 也会随着 AJAX 的变化而变化

Here's a crude diagram

不过，这似乎真的很不雅。我上面概述的可以做吗？有什么更好的方法来做到这一点？

JS/jQuery 和 PHP 还行，学习 AJAX。

Answer 1

我建议使用 jQuery UI 选项卡

1. 无需处理 AJAX。只需让服务器一次吐出 50 页文本，就可以结束了。

2. 挂钩到 API 非常简单，让您可以更好地控制整个过程。足够的控制来连接一个在您浏览时更新地址栏的功能。