科尔多瓦应用程序 - 在Android 5棒棒糖滚动问题

我已经开发了一个科尔多瓦应用程序，我正在使用Android 5.0棒棒糖在我的手机上测试它。我发现Android硬件加速有问题，如果启用了CSS渲染问题，您可以在this视频中看到。科尔多瓦应用程序 - 在Android 5棒棒糖滚动问题

看看在滚动过程中出现的空白处，还可以看到每个列表项（<li>）在滚动过程中都很模糊，而且当我停止滚动时项目显示正常。

就我以前使用的Android 4.x版本而言，没有这样的问题。如果我禁用硬件加速我已经没有问题了，但性能不好，因为我在别处使用了一些CSS技巧来获得更好的CSS性能。

下面是我的一些相关的视频代码：

HTML：（使用把手）

<div id='view'> 
<ul> 
    {{#each []}} 
     <li> 
       {{@index}} 
     </li> 
    {{/each}} 
</ul> 
</div>

CSS：

ul { 
    padding-left: 0; 
    margin-top: 0; 
    margin-bottom: 15px; 
    list-style: none; 
    background-color: #fff; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
} 
li { 
    background-color: grey; 

    border-bottom: 1px solid rgb(243, 255, 226); 
    height: 80px; 
    padding: 0; 
    position: relative; 
} 
* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
} 
* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 
#view { 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000; 
    perspective: 1000; 
    backface-visibility: hidden; 

    -webkit-transform: translateZ(0); 
     -ms-transform: translateZ(0); 
     transform: translateZ(0); 
}

我还使用棘轮得到一些基本的CSS。

任何人都有同样的问题？你认为这是一个cordova或Android棒棒糖WebView的错误？

有没有机会解决它？

谢谢

来源

2015-02-05 Frank

问题已修复。我也面对。 – 2015-02-20 12:46:25

有没有人有任何答案 – 2015-06-22 08:09:43

您是否尝试编译与Crosswalk？希望它能解决它。

来源

2015-02-05 23:13:01

我会尽力感谢 – Frank 2015-02-06 16:12:57

尝试切换到原生滚动和JQScroll，从他们的git更新到最新的appframework UI和CSS。 – 2015-02-10 11:06:11

科尔多瓦应用程序 - 在Android 5棒棒糖滚动问题

回答

相关问题