溢出：android 和本机滚动上的滚动元素，-webkit-overflow-scrolling：触摸答案

【问题标题】：Overflow:scroll elements on android and native scrolling, -webkit-overflow-scrolling: touch溢出：android 和本机滚动上的滚动元素，-webkit-overflow-scrolling：触摸
【发布时间】：2014-01-21 01:17:08
【问题描述】：

..有了这个项目，我会在某个时候烧掉我的大脑。 10 小时后仍然没有任何结果。

Android 股票浏览器（目前在 s3 mini，android 4.1.2 上测试）在溢出元素中没有任何流畅性。

所以，我在这里阅读了这篇文章： Chrome Browser for Android no longer supports -webkit-overflow-scrolling? Is there an alternative?

...文章说您必须在溢出元素中严格使用 z-index:0 才能启用“快速滚动”，也就是在 android 设备上的原生加速滚动。

按照上述方法，通过添加 translateZ:(0) 和 -webkit-translateZ:(0) （这花了我几个小时才意识到！）我已经设法获得 Chrome 的原生滚动，但对于我无法让它在现有的 Android 浏览器中运行。

到目前为止，Android 股票浏览器已经给我带来了一百万个问题，而且根本停不下来。任何帮助表示赞赏！我去睡觉了，希望我能得到一些......：/

【问题讨论】：

您是否设法在股票浏览器上获得滚动条？
我不认为你可以在没有插件的情况下滚动之前显示滚动条。我最终使用了 iscroll
问题是我根本没有显示滚动条，即使在滚动时，在股票浏览器上......

标签： android css scroll

【解决方案1】：

我会看看 https://famo.us/ 或 iScroll.js

【讨论】：

【解决方案2】：

...作为对此感兴趣的人的旁注，因为这已成为一个热门问题。

有两件事情是 android 无法处理的：

固定位置元素上溢出元素中的相对定位元素。

经过多次反复试验，我得出了这个结论。 iScroll 相当不错，但也是相当“重”的 js - 使用上述组合可能会导致相同的性能问题。

所以，如果你可以避免使用上述结构，那么只要使用 -webkit-overflown-scrolling:touch，最新的 android 版本 4+ 就可以很好地处理溢出的元素并且相当流畅。

希望这会有所帮助。

【讨论】：