单击带有css和/或jquery的链接时滑动动画

时间:2011-07-06 04:15:14

标签: jquery css mobile

我搜索过并找到了几乎可以回答我的问题。请原谅我,如果之前已经回答过,信噪比很差。

在本机移动应用上,当您单击导航列表中的项目时,通常会看到页面转换。新内容从右侧滑入。

我想在移动设备上的浏览器应用上执行此操作。单击链接(可能附加了某种样式)会导致新页面滑入。目标是提供页面即时加载的外观。因此,希望新页面立即开始加载,但现有页面显示加载期间的转换。

我并不反对使用Ajax,但我认为有css属性可以允许这样做。我不太关心后退按钮的动画行为,但我确实希望它能够正常工作。我没有使用,也不想使用jquery-mobile或其他移动框架。

任何提示?即使知道正确的搜索词也会有所帮助。谢谢!

2 个答案:

答案 0 :(得分:0)

你应该看看github浏览树的方式。它具有您想要的效果(我确信您可以将其用于移动设备),它也可以使用后退按钮。博文是here

答案 1 :(得分:0)

您可以查看jQuery Mobile。它针对移动设备,还包括一组页面转换。您可以在此处查看演示:Page Transition Doc and Demo

据我所知,页面转换仅适用于Chrome,也可能适用于Safari,因为它也基于桌面上的Webkit。不确定移动设备,抱歉。