在iOS6中使用iscroll和jqmobi闪烁的Web应用程序

我的web应用程序使用两个javascript框架：iscrol和jqmobi。但是当应用程序将大量内容加载到html页面时，屏幕会在iOS6中闪烁。我很困惑，导致这个问题的原因是什么，如果它与上面两个js框架有关，哪一个应该承担主要责任？有没有什么解决方案可以使闪烁从未发生？在iOS6中使用iscroll和jqmobi闪烁的Web应用程序

来源

2013-03-22 Shadow

使用jqmobi内置的滚动库，默认的厨房水槽样本不会闪烁。标志指向导致问题的iScroll。

来源

2013-03-24 19:34:21 john

谢谢。我发现当我的html页面包含很多页面会使页面变长时，问题就会出现。但我仍然无法弄清楚原因和解决办法。 – Shadow 2013-03-25 03:10:23

看看这篇文章从iScroll http://cubiq.org/you-shall-not-flicker。当我使用它时，我遇到了同样的问题，并发现将-webkit-transform：translate3d（0,0,0）应用于可滚动的元素为我解决了闪烁问题。谨慎使用它，因为它确实会影响性能。

#someDiv { 
-webkit-transform:translate3d(0,0,0); 
}

希望这有助于！

来源

2013-03-25 17:52:07 woolm110

谢谢。但iscroll会在滚动时将“-webkit-transform”属性更改为“translate（xx，xx）translateZ（0）”。 – Shadow 2013-03-26 06:42:02

您正在测试哪个浏览器？ Chrome和Safari将支持它，因为它们都是webkit浏览器，firefox是不同的.. – woolm110 2013-03-26 09:30:16

在iOS6中使用iscroll和jqmobi闪烁的Web应用程序

回答

相关问题