我正在使用 PhoneGap 构建一个 iPad 应用程序。我正在尝试对动画使用 CSS 转换,但我不完全确定我正在使用正确的方法来利用设备可能支持的任何硬件加速。
这是一个模态窗口 (DIV),我想从页面顶部向下滑动。它会从屏幕顶部开始定位,然后通过 jquery 添加一个类来动画到页面本身:
.modal {
background: url('../images/bgnd-modal.png');
width: 800px;
height: 568px;
position: absolute;
top: -618px;
left: 100px;
z-index: 1001;
-webkit-transition: top .25s ease-in;
}
.modal.modalOn {
top: 80px;
}
当部署到装有 iOS 4 的 iPad 2 上时,这可以工作,但动画有点生涩。这不是一个完全流畅的动画。我应该使用不同的 CSS 来处理这个问题吗?或者这可能只是作为 PhoneGap 应用程序和有问题的 DIV 具有大背景图像的副作用?