提高滾動性能與大型圖像

Question

我也注意到，使用時長頁面，使用iScroll，但我相信任何其他JS/CSS代碼， 滾動變得波濤洶涌......有時卡住..

我不知道這是否是一個問題的圖像..他們太大（視網膜）或shoudl我採用延遲加載，如果真的影響一個Web應用程序..

任何人都有相同的經驗和解決它？

Answer 1

哪個iScroll？ iScroll4或iScroll5？ 通常，iScroll會越來越不穩定，您的標記和/或CSS越複雜。特別是在使用陰影或漸變時。 在iScroll5有一些技巧來提高性能一樣：

shrinkScrollbars： '夾' //不縮水，只是將它從容器中

useTransition：假的， //使用rAnimFrame而不是CSS3 - 這可以提高性能

bindToWrapper：真實， //滾動事件綁定到包裝而不是整個文件

反彈：假的， //不要scrollEnd進行反彈

fadeScrollbars：假 //使其dependend時所使用的設備 - Android是越來越不連貫的fade`