Html CSS转换上的Phonegap转换未呈现。

我在处理phonegap上的CSS转换时遇到了一些问题。我们正在转换transform:translate3d属性以使内容视图滑入和滑出视图，以及滑动以显示侧栏

以下是webapp的一个示例（请注意，转换在浏览器中起作用）：

您将看到，无论是在手机上还是在桌面上，这些转换都可以在浏览器中完美地工作。但只要我“phonegap”它的过渡只是不渲染。最后的位置显示出来，例如，如果我点击一个出发列表项，它将显示相应的到达列表项。但由于某些原因，动画并没有发生在phone gap上。唯一的例外是，当通过phonegap时，它可以在iOS7上工作，但不能在IOS6或任何版本的Android上工作

下面是代码的一小部分：

下面是滑动元素上的CSS的外观

#depart-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
}

下面是动画课程：

.animate {
    transition: transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: -moz-transform 0.2s ease-out;
    transition: -ms-transform 0.2s ease-out;
    transition: -o-transform 0.2s ease-out;
}

最后是调用它的JS（注意，这不是全部函数）：

如果有人有任何建议，我们将不胜感激

谢谢

---

p.S.我知道有一个CSS3@keyframes规则运行得很好，但为了代码的简单性，我宁愿避免使用这个规则

您关于它在iOS7上工作而不是在iOS6上工作的说法让我相信这是由于您的

translate3d

语句造成的

我假设您加入这一行是为了启用硬件加速-

 transform: translate3d(0,0,0);

然而，有几点是这样的，即这不会触发iOS 6设备中的硬件加速

在我引用的文章中，作者提到使用以下任何一个命令都会触发硬件加速

-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

---

嘿谢谢你的建议，不幸的是，这似乎没有帮助。如果这意味着什么的话，那不是因为转换变慢了，甚至是闪烁了，它们根本就没有发生。你在这期间解决了这个问题吗？我在win phone 8上也面临同样的问题。

-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;