javascript - jQuery animate 在所有浏览器中都非常不稳定 - 带有 jpg 的 div 同时向上移动和淡入

标签 javascript jquery jquery-animate fade fadeto

或者这是最好的吗?我曾尝试使用 script.aculo.us,但第一张图片的淡入和动画仍然不稳定。我已经在 Google Chrome、Safari 和 iPad 1 中进行了测试(在 iPad 1 上非常不稳定)。其他元素淡入淡出,但第一个图像 fadeTo 和 animate 是非常 Not Acceptable 。也许是因为它移过的 div 只是被隐藏了?

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

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

如有任何帮助,我们将不胜感激!谢谢!

最佳答案

它在 iPad 上非常不稳定的原因(其他 iDevices 也是如此)是因为 jQuery 不使用转换硬件,称为 transition3d,有一个插件支持动画运行支持的转换 here .

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

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

相关文章:

javascript - 如何在后台脚本中创建元素?

javascript - LocalStorage 是否以任何方式支持自定义(即非原始类型)对象存储和检索?

javascript - jQuery 选择器,获取子元素少于 n 个的所有父元素

Jquery 动画 2 Pane Div

javascript - 限制可以选择的焦点元素的数量

javascript - jQuery $.data() 与 DOM 对象属性

javascript - 在 js 插槽应用程序中设置最小值和最大值

javascript - jQuery getJSON 无法看到 console.log

javascript - Glitchy-Freezing - 滚动动画不流畅 - 使用 requestAnimationFrame

javascript - jquery animate/scrollTop 到 div 内的多个 anchor