javascript - ios 的硬件加速 css3 转换

Question

我不认为我的 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);
    }

Answer 1

所以，过渡动画比您想要的更慢/更断断续续？我从类名 image 猜测问题可能只是因为它是一个图像，即使启用了硬件加速；我的工作团队有时在 iOS 上进行 UI 模拟/演示时遇到过这个问题。作为测试，您可以尝试用相同大小的 div 替换图像，看看它是否移动得更平滑。