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

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

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

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

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

• 当前内容是从数据库（或其他任何内容）加载的
• 上一页和下一页的内容也加载并存储在隐藏的div 中
• 单击链接时，当前页面将滑出（或上一页滑入）
不再需要
• 的内容将被删除
• 新内容使用 AJAX "预加载"并隐藏
• 本地 URL 也会随 AJAX 而更改

这是一个粗略的图表

不过，这似乎真的很不优雅。我上面概述的可能吗？有什么更好的方法呢？

我对JS/jQuery和PHP没问题，学习AJAX。