如何在浏览器中模拟页面过渡动画（类似于手机中的页面滑动）？

Question

我有一个显示本周图片库的网页，并且我有一个顶部栏导航“上一个”和“下一个”链接来循环浏览画廊。当前单击链接会导致整个页面刷新。我认为，如果当我们单击“下一步”时，我们会从右到左为下一页内容的幻灯片制作动画，反之亦然，如果我们单击“上一个”，我们会为前一周的结果制作动画，我认为用户体验会更流畅从左到右（类似于滑动时页面转换在移动应用中的工作方式）。请注意，我不需要检测实际的滑动手势，我认为 jquery 移动标记是多余的。

要预加载将要滑入的数据，我可以进行 ajax 调用，甚至可以将数据预加载到 json 中，以便我在屏幕外构建替换 html。我将使用 html5 窗口历史推送状态将 url 更改为我们将导航到的实际位置。我唯一找不到的是做实际的动画。我研究过旋转木马，但没有一个能完全满足我的要求。是否存在仅处理页面过渡动画的现有库，具有轻微的后坐反弹效果？

谢谢。

编辑：我刚刚找到了 jquery.animate，我认为它可以解决问题。

Answer 1

您可能想从中选择任意数量的基于 jQUery 的图像库库。如果你找不到一个以你想要的方式在不同画廊之间转换，那么使用 jQuery 异步加载新画廊然后将它们动画就位应该不是问题。