Css Cordova应用程序-android 5棒棒糖上的滚动问题

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性能 以下是我与视频相关的一些代码:

我已经开发了一个cordova应用程序,我正在用Android 5.0棒棒糖在我的手机上测试它。 我发现Android硬件加速有问题,如果启用了它,就会出现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);
    }