单击带有css和/或jquery的链接时的动画幻灯片

Question

我搜索并找到了我的问题的几乎所有答案。如果这个问题之前已经回答过了，请原谅，信噪比很差。

在原生移动应用程序中，当您单击导航列表中的一个项目时，经常会看到页面转换。新内容从右侧滑入。

我想在移动设备上的浏览器应用程序上做到这一点。单击一个可能附加了某种样式的链接，会导致新页面滑入。这样做的目的是给人一种页面立即加载的感觉。因此，希望新页面立即开始加载，但现有页面在加载过程中显示出这种转变。

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

有什么建议吗？即使知道正确的搜索词也会有所帮助。谢谢!

Answer 1

你应该看看github浏览树形结构的方式。它有你想要的效果(我相信你可以在移动设备上使用它)，它也可以和后退按钮一起工作。这篇博文是here。

Answer 2

你可以查看jQuery Mobile。它是针对移动设备的，还包括一组页面过渡。您可以在此处查看演示：Page Transition Doc and Demo

据我所知，页面过渡只适用于Chrome，也许也适用于Safari，因为它也基于桌面上的Webkit。对移动设备不太了解，抱歉。