Css Cordova应用程序-android 5棒棒糖上的滚动问题
我已经开发了一个cordova应用程序,我正在用Android 5.0棒棒糖在我的手机上测试它。 我发现Android硬件加速有问题,如果启用了它,就会出现CSS渲染问题,正如您在视频中看到的那样 查看滚动过程中显示的空白,您还可以看到每个列表项(Css Cordova应用程序-android 5棒棒糖上的滚动问题,css,cordova,android-5.0-lollipop,ratchet-2,Css,Cordova,Android 5.0 Lollipop,Ratchet 2,我已经开发了一个cordova应用程序,我正在用Android 5.0棒棒糖在我的手机上测试它。 我发现Android硬件加速有问题,如果启用了它,就会出现CSS渲染问题,正如您在视频中看到的那样 查看滚动过程中显示的空白,您还可以看到每个列表项()在滚动过程中都很模糊,当我停止滚动时,项目正常显示 就我使用之前的安卓4.x版本而言,没有这样的问题。 如果我禁用硬件加速,我就不会再有问题了,但是性能很差,因为我在其他地方使用了一些CSS技巧来获得更好的CSS性能 以下是我与视频相关的一些代码:
)在滚动过程中都很模糊,当我停止滚动时,项目正常显示
就我使用之前的安卓4.x版本而言,没有这样的问题。
如果我禁用硬件加速,我就不会再有问题了,但是性能很差,因为我在其他地方使用了一些CSS技巧来获得更好的CSS性能
以下是我与视频相关的一些代码:
html:(使用把手)
我还使用ratchet来获得一些基本的CSS
有人有同样的问题吗?
你认为这是cordova还是Android棒棒糖网络视图错误
有机会解决吗
谢谢您是否尝试过使用Crosswalk进行编译?希望它能解决问题。尝试切换到本机滚动和JQScroll,从git更新到最新的appframework ui和css。问题是否已解决。我也要面对,有人回答了吗
<div id='view'>
<ul>
{{#each []}}
<li>
{{@index}}
</li>
{{/each}}
</ul>
</div>
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);
}