修改元素的高度时,Ipad会产生闪烁效果

时间:2014-01-24 10:13:20

标签: jquery css ipad ios6

在Ipad(iOS 6)中,我在修改元素的高度时面临闪烁效果,但iOS 7中没有出现这种闪烁效果。

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

如何解决这种闪烁效应?

尝试以下选项,

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

  2. 为动画div,其父级和子级

    添加以下CSS
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    

1 个答案:

答案 0 :(得分:0)

尝试将硬件加速技巧添加到元素而不是正文。这将使它成为自己的composite layer http://www.html5rocks.com/en/tutorials/speed/layers/