难以在Android设备上显示跨平台应用程序的滚动条

Question

我正在开发使用html5，css3和angularJS开发的跨平台应用程序。 我在Android设备上显示ScrollBar时遇到了问题。

我使用了-webkit-overflow-scrolling: touch;

它在iPAD上工作正常，但它对Android设备没有影响。 需要帮助。

提前致谢

Answer 1

正如您所说，使用overflow:scroll|auto时，Android原生WebView不会“显示”滚动条。但是当您触摸并移动容器时，允许滚动。所以滚动应该仍然按预期工作，没有弹性效果。

另一个Android问题是4.4，本机WebView不是Chrome中使用的，即ChromeView。因此，您将不得不使用javascript polyfill处理它，例如overthrow.js [http://filamentgroup.github.io/Overthrow/]或iscroll。就个人而言，iscroll ux在三星Galaxy Tabs上很糟糕。

但如果你的目标是Android 4.0＆gt; =，那么这可能对https://github.com/pwnall/chromeview有所帮助。虽然没有亲自尝试过。

查看有关网络视图更改的更多详情https://developers.google.com/chrome/mobile/docs/webview/overview

  

Android 4.4（KitKat）包含一个基于Chromium开源项目的新WebView组件。 ... [截断] ....，因此WebView和Chrome之间的渲染应该更加一致。

Answer 2

  

在撰写本文时，-webkit-overflow-scrolling仅适用于iOS 5及更高版本的Mobile Safari。

     

截至2012年年中，最新的Android版本（4.1 Jelly Bean）不支持它，但Chrome for Android支持，可从Google Play下载（仅支持Android 4.0+）。 Android 3.0+支持overflow：scroll，但它不是很流畅。

参考：How much support is there for -webkit-overflow-scrolling:touch