在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應用程序

回答

相關問題