jquery - iPad 修改元素高度时出现闪烁效果

标签 jquery css ipad ios6

在Ipad(iOS 6)中,我在修改元素的高度时遇到闪烁效果,但是在iOS 7中不会出现这种闪烁效果。

我只是使用 jQuery 的 height 方法来修改高度。 animate 似乎也没有解决问题。

如何解决这个闪烁效果?

尝试了以下选项,

  1. 使用硬件加速(在正文中添加了 -webkit-transform:translate3d(0,0,0); ,但是这使得页面太慢,因为我们的页面在每个操作中都有很多动画/幻灯片变得太慢了)

  2. 添加以下 CSS 来为 div、其父级和子级设置动画

    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    

最佳答案

尝试将硬件加速技巧添加到元素而不是主体。这将使其成为自己的复合层
http://www.html5rocks.com/en/tutorials/speed/layers/

关于jquery - iPad 修改元素高度时出现闪烁效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21329924/

相关文章:

javascript - 适用于 IE 和其他浏览器的条件内联 CSS?

iphone - 删除 armv7s xCode 4.6 有效架构项目属性如何影响我的 iOS 应用程序的 App Store 分发?

iphone - iOS SDK - 以编程方式生成 PDF 文件

Javascript 滚动 fullpage.js。如何在强力滚动时滚动多个部分,而不是一个部分?

javascript - Firefox 和 IE 中的背景位置动画问题

javascript - 在平板电脑或手机中显示弹出框时出错

javascript - 为 iPad 设计网站

javascript - jQuery 仅更改字符串的一部分

去除未使用代码的 JavaScript 缩小器

c# - 如何在asp.net mvc 中获取html 表的值?