科爾多瓦Android4.3反彈時對元素的彈跳效果

這個問題在Android 4.3，IOS，Blackbarry，A4.4中沒有問題。只有在包裝的應用程序中，在瀏覽器中也是可以的。因此，當滾動\上下翻頁時，有幾個屏幕會出現奇怪的元素行爲。它看起來像流暢，或延遲重新定位。 +/- 7px上下翻轉。這不是所有的元素，但頁面上的1-2塊。科爾多瓦Android4.3反彈時對元素的彈跳效果

代碼是這樣的：

<div id="wrap"> 
    <div class="inner"> 
     <div class="content-block"> 
      Lorem ipsum 
     </div> 
     <div class="content-block"> 
      Lorem ipsum 
     </div> 
     <div class="content-block"> 
      Lorem ipsum with buggy scrolling effect 
     </div> 
     .... 
     <div class="content-block"> 
      Lorem ipsum 
     </div> 
    </div> 
</div>

和CSS：

#wrap { 
    height: 100%; 
    overflow-y: auto; 
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch; 
} 

.content-block { 
    font-size: 10px; 
    padding: 5px 0; 
}

我試圖消除填充，依法.inner * {變換黑客：translate3d（0,0,0） }，根據Stackofverflow中的想法，但沒有運氣。任何想法？謝謝！

p.s.這裏是屏幕截圖，也許將有助於瞭解問題： https://www.dropbox.com/s/ocveuirxxc86chi/stack.jpg?dl=0

來源

2014-11-03 Cridum

當你說在瀏覽器中沒問題，你是在談論用於wabviews的設備默認瀏覽器（即除非在android 4.4中不是chrome）？ – QuickFix 2014-11-03 16:57:49

是的，適用於Android 4.3。它是鉻 – Cridum 2014-11-03 17:28:14

就我所知，Chrome瀏覽器僅用於4.4版本的webview ...但是也許Chrome在您的手機上默認安裝並隱藏了舊的Webkit瀏覽器（也許您可以訪問它並可以使用它測試你的應用程序？） – QuickFix 2014-11-03 18:20:09

對於所有Android 4.0+設備都具有相同的行爲，除了Cordova之外，您可以嘗試使用Crosswalk。

使用curent構建時，結果應該與使用Chrome作爲webview的Kit Kat相同。

基本上Crosswalk讓我們使用最新版本的Cromium作爲webview，而不是設備的默認webview。

的好處

你得到所有
在新設備上測試時，你應該獲得的性能
沒有更多的驚喜設備相同的HTML5/CSS 3的支持

缺點

less ea SY設置的時刻
做出更大的APK，因爲你添加一個版本的Chromium到您的應用程序
至少需要Android 4.0的，所以告別支持Android 2.3的手機

這裏一個將現有項目從默認webview遷移到Crosswalk的教程：https://crosswalk-project.org/documentation/cordova/migrate_an_application.html

來源

2014-11-07 14:26:50 QuickFix

科爾多瓦Android4.3反彈時對元素的彈跳效果

回答

相關問題