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

Question

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

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

谢谢你的帮助！

Answer 1

使用 CSS3 变换/过渡。这比使用 javascript 或 jQuery 等 JS 库要快得多，也更好。 看这里

如果您想要更详细的动画，请使用 CSS3 动画。 看这里

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

编辑：如果您想使用 iOS 触摸手势功能触发上述 CSS3，请在功能内定义这些样式。