还是这将是最好的?我尝试使用script.aculo.us,但第一张图片的淡入和动画效果仍然不稳定。我已经在Google Chrome,Safari和iPad 1(在iPad 1上非常不稳定)上进行了测试。其他元素淡入淡出,但是第一个图像fadeTo和animate完全不能接受。也许是因为它移动的div被隐藏了吗?

这是我制作的jsFiddle
http://jsfiddle.net/RgkFc/

这是页面
http://www.dillon.me/sites/benproudfoot/v1/

任何帮助将不胜感激!谢谢!

最佳答案

它在iPad上非常不稳定的原因(对于其他iDevice来说也是如此)是因为jQuery不使用过渡硬件(称为transition3d),有一个插件支持动画来运行受支持的过渡here

相反,您可以在CSS3中以本机方式执行此操作,更多信息:。

  • Keyframe Animation Syntax
  • Choppy CSS3 animation on iPhone 4
  • 关于javascript - jQuery animate在所有浏览器中都非常不稳定-jpg同时向上移动和淡入的div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9440653/

    10-13 02:18