科尔多瓦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反弹时对元素的弹跳效果

回答

相关问题