Posted on 2012-09-21 12:24
∪∩BUG 閱讀(635)
評論(0) 編輯 收藏
已經(jīng)有不少前端同行抱怨iScroll4的各種問題，我個人并不贊同將這些問題歸咎于iScroll4,因?yàn)閕Scroll4進(jìn)無論是touch事件的捕獲，還是使用transform來處理滾動，以及將cubic-bezier應(yīng)用到transition上實(shí)現(xiàn)高效的平滑滾動，這些原理我們都是已知的。更多原理細(xì)節(jié)可以參看[譯]手把手教你編寫iOS上Mobile Web App實(shí)現(xiàn)Fixed Position和模擬滾動 一文。此文則來解釋另一個被很多人誤解為iScroll4 造成的問題，那就是內(nèi)容多的頁面閃動的問題。現(xiàn)象表現(xiàn)為：
1.滑動過程中，滾動區(qū)內(nèi)的元素在釋放手指時出現(xiàn)細(xì)微閃動
2.圖片縮放過程中釋放手指時明顯閃動
3.iOS上從mobile safari打開或第三方應(yīng)用內(nèi)打開后，切回主屏幕再切回頁面時明顯閃動
4.頁面初始時閃動
大致這些情況下會有閃動，在ipad2,new ipad上會明顯看得出。
下面就來分析產(chǎn)生的原因和解決辦法：
http://www.iunbug.com/archives/2012/09/19/411.html