2

我一直在构建我的网站的 iphone 优化版本,并一直试图让动画工作/过渡工作。

我查看了 iui/ciui 等。但对于我需要的东西,它们似乎有点矫枉过正。我正在使用 jquery 并构建了大部分功能,除了我无法让 .animate 顺利工作,所以我正在尝试 css 转换。

我有一个 div,当单击 div 中的对象时,我希望 div 向左转换页面(标准 iPhone UI)。据我了解,您不能将 css 转换应用于父元素 onclick,因此我添加了一个带有 jquery 的类,并且该类中包含 css 转换。

这行得通,除了我可以开始工作的唯一 css 转换是

-webkit-transform: 翻译(-330px, 0);

而且我看不到为此添加过渡时间的方法,因此最终与.hide()一样有效。有任何想法吗?

我真的无法弄清楚其他转换是如何工作的。喜欢

-webkit-transition-property:左;
  -webkit-transition-duration:4s;

我将如何指定左多远(实际上我是负数)。此外,这似乎不是在 add-class 上触发的。

我查看了http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html,但无法根据该文档弄清楚如何执行此操作。

谢谢皮特

4

2 回答 2

2

看看Surfin 的 Safari 博客

我不完全确定 iPhone 是否支持所有这些技术,但可能性很高。

于 2009-03-18T22:27:16.707 回答
0

你能不能只使用标准的 css 定位和可能的 jquery 动画?如果不是,也许有帮助?

于 2009-03-18T21:53:15.353 回答