我不认为我的 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);
}
最佳答案
所以,过渡动画比您想要的更慢/更断断续续?我从类名 image
猜测问题可能只是因为它是一个图像,即使启用了硬件加速;我的工作团队有时在 iOS 上进行 UI 模拟/演示时遇到过这个问题。作为测试,您可以尝试用相同大小的 div
替换图像,看看它是否移动得更平滑。
关于javascript - ios 的硬件加速 css3 转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6379286/