Overflow:scroll元素在安卓上的原生滚动和-webkit-overflow-scrolling：touch

Question

5

在这个项目中，我某个时刻会累炸。10个小时过去了，仍然没有进展。

Android原生浏览器（目前在s3 mini，android 4.1.2上测试）在溢出元素中没有任何平滑性。

...该文章指出你必须在溢出元素中严格使用z-index:0才能启用“快速滚动”，即Android设备上的本机加速滚动。

根据上述方法，并通过添加translateZ：（0）和-webkit-translateZ：（0）（这让我花了几个小时才意识到！），我已成功为Chrome实现本机滚动，但却始终无法在Android原生浏览器中工作。

Android的原生浏览器已经给我带来了无数问题，而且它似乎永远也不会停止。任何帮助都将不胜感激！我要去睡觉了，希望可以得到一些......:/

- scooterlord

你在股票浏览器上成功添加了滚动条吗？ - bogdan.css

我认为在没有插件的情况下，你无法在滚动之前显示滚动条。最终我使用了iscroll。 - scooterlord

问题是我在原生浏览器上无法看到滚动条，即使在滚动时也不行。 - bogdan.css

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- scooterlord · Answer 1

......对于对此感兴趣的人，作为附注。

有两件事情是安卓无法处理的组合：

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

经过多次尝试和错误，我得出了这个结论。iScroll非常好用，但也是相当“沉重”的js - 使用上述组合可能会导致相同的性能问题。

因此，如果您可以避免使用上述结构，则最新的安卓版本4+可以很好地处理溢出元素，并且只要使用-webkit-overflown-scrolling：touch，就可以相当平滑。

希望这可以帮助到您。

- lifeiscontent · Answer 2

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