如何在 iOS 上为 HTML 5 横幅提供过渡动画？

Question

我正在实现一个应用演示，它在出现提示后（它回调到服务器）会在屏幕顶部显示一个 HTML5 横幅。但是，我不知道如何为 HTML5 横幅设置动画以从顶部垂直过渡到屏幕上。

我说的过渡动画类型在这里http://www.youtube.com/watch?v=xCkg3llsxZI&t=0m8s——虽然我需要的动画是一个简单的垂直过渡，没有原生iOS推送通知所具有的3D效果。

感谢您的帮助！

Answer 1

使用 CSS3 变换/过渡。这比使用 javascript 或 jQuery 之类的 JS 库要快得多，也更好。 see here

如果您想要更详细的动画，请使用 CSS3 动画。 see here

最重要的是，为了确保对 CSS3 的完全跨平台支持，安装 Modernizr 并运行一些 shims。 see here

编辑：如果你想用 iOS touch gestures functions 触发上面的 CSS3，那么定义那些样式 inside 的函数。