溢出:在Android和本机滚动上滚动元素,-webkit-overflow-scrolling:touch

时间:2014-01-21 01:17:09

标签: android css scroll

..在这个项目中我会在某些时候烧掉我的大脑。 10小时后仍然没有任何事情。

在浮动元素中,Android股票浏览器(目前在s3 mini,android 4.1.2上测试)没有任何平滑。

所以,我在这里读到这篇文章: Chrome Browser for Android no longer supports -webkit-overflow-scrolling? Is there an alternative?

...文章说你必须在overflown元素中使用z-index:0才能在Android设备上启用“快速滚动”,即本机加速滚动。

按照上面的说法,并添加了translateZ:(0)和-webkit-translateZ:(0)(这花了我几个小时才实现!)我已经设法为Chrome进行原生滚动,但是对于生命的我无法让它在Android浏览器中运行。

Android股票浏览器到目前为止已经引起了我一百万个问题,而且它无法阻止。任何帮助表示赞赏!我要去睡觉,希望我得到一些......:/

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

...作为对此感兴趣的人的旁注,因为这成为一个受欢迎的问题。

Android无法处理两件事的组合:

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

经过大量的反复试验,我得出了这个结论。 iScroll相当不错,但也很重#' js - 使用上述组合可能会导致相同的性能问题。

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

希望这有帮助。