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); 
    } 
}

来源

2016-02-29 JJ Coder

有多好动画正在运行依赖于旧的机器人动画运行的不是很好，有一些制造商，其具有修饰的WebKit版本的设备。在网页视图中。 – Joerg

您是否使用Crosswalk WebView引擎进行测试？

科尔多瓦 - 插件 - 人行横道-的WebView

来源

2016-02-29 09:41:13

是的，我正在使用人行横道。 –

Android上的CSS动画滞后科尔多瓦应用程序

回答

相关问题