Javascript 针对ios的硬件加速css3转换

我不认为我的translate3d是强迫硬件加速顶部/底部定位。我错过了什么

.image {
        background:yellow;
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform, top, bottom;
        -webkit-transition-duration: 0.5s;
        -webkit-transform: translate3d(0,0,0);
    }

---

那么，过渡的动画比您希望的慢/多？我从类名图像中猜测，问题可能只是因为它是一个图像，即使在硬件加速的情况下；我的团队有时在iOS上进行UI模拟/演示时会遇到这种情况。作为测试，您可以尝试将图像替换为大小相同的div，看看它是否移动得更平稳。

我创建了一个类，我将该类添加到触发起伏动画的所有元素中。iPad2上的动画并不起伏不定，但在iPadRetina上出现了各种各样的性能问题

.gpu-rendered {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

---

你能发布更完整的代码吗？