Android上的CSS动画滞后科尔多瓦应用程序
问题描述:
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-webkit-perspective: 1000;
为什么上面的css应用<div>
会遇到动画滞后?这是在科尔多瓦应用程序内部,iOS上的动画非常干净平滑,但严重滞后于Android。我的Android应用程序中的其他元素非常流畅,仅仅是这个元素。我硬件加速,使用转换等......但只是没有运气。以下是元素上使用的动画:Android上的CSS动画滞后科尔多瓦应用程序
@keyframes slideInRight {
from {
z-index: 10;
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
z-index: 10;
transform: translate3d(0, 0, 0);
}
}
答
您是否使用Crosswalk WebView引擎进行测试?
科尔多瓦 - 插件 - 人行横道-的WebView
+0
是的,我正在使用人行横道。 –
有多好动画正在运行依赖于旧的机器人动画运行的不是很好,有一些制造商,其具有修饰的WebKit版本的设备。在网页视图中。 – Joerg