科爾多瓦應用程序 - 在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棒棒糖滾動問題

回答

相關問題