如何在浏览器中模拟页面过渡动画(类似于手机中的页面滑动)？
如何在浏览器中模拟页面过渡动画(类似于手机中的页面滑动)？
提问于 2012-11-03 02:15:26
我有一个网页，显示了本周的图片库，我有一个顶部栏导航“上一页”和“下一页”的链接，在图片库中循环。当前点击链接会导致整个页面刷新。我认为，如果当我们点击“下一步”时，我们从右向左滑动下一页的内容，反之亦然，那么用户体验会更流畅。如果我们点击“上一页”，我们就会从左到右动画前一周的结果(类似于移动应用程序中页面切换的方式)。请注意，我不需要检测实际的滑动手势，并且我认为jquery移动标记过于夸张。
为了预加载将要滑入的数据，我可以进行一个ajax调用，或者甚至将数据预加载到json中，以便在屏幕外构造替换的html。我将使用html5窗口历史推送状态将url更改为我们将导航到的实际位置。我唯一找不到的就是做实际的动画。我研究过旋转木马，但它们都不能完全满足我的要求。有没有现成的库只处理页面过渡的动画，具有轻微的反冲反弹效果？
谢谢。
编辑:我刚刚找到了jquery.animate，我认为它可以解决这个问题。
回答 1
Stack Overflow用户
发布于 2012-11-03 02:18:22
有许多基于jQUery的图片库可供您选择。如果你找不到想要在不同图库之间转换的方法，那么使用jQuery异步加载新图库，然后将它们动画到适当的位置应该不成问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13200871
复制相关文章
相似问题
腾讯云开发者
