鍍金池/ 教程/ HTML/ 理解核心
滾動條信息
滾動條
理解核心
基本功能
入門
自定義事件
無限滾動
初始化
掌握刷新方法
指示器
配置iScroll
銷毀
按鍵綁定
對齊
iScroll的版本
縮放
高級選項

理解核心

iScroll使用基于設(shè)備和瀏覽器性能的各種技術(shù)來進(jìn)行滾動。通常不需要你來配置引擎,iScroll會為你選擇最佳的方式。

盡管如此,理解iScroll工作機(jī)制和了解如何去配置他們也是很重要的。

options.useTransform

默認(rèn)情況下引擎會使用CSStransform屬性。如果現(xiàn)在還是2007年,那么可以設(shè)置這個屬性為false,這就是說:引擎將使用top/left屬性來進(jìn)行滾動。

這個屬性在滾動器感知到Flash,iframe或者視頻插件內(nèi)容時會有用,但是需要注意:性能會有極大的損耗。

默認(rèn)值:true

options.useTransition

iScroll使用CSS transition來實(shí)現(xiàn)動畫效果(動量和彈力)。如果設(shè)置為false,那么將使用requestAnimationFrame代替。

在現(xiàn)在瀏覽器中這兩者之間的差異并不明顯。在老的設(shè)備上transitions執(zhí)行得更好。

默認(rèn)值:true

options.HWCompositing

這個選項嘗試使用translateZ(0)來把滾動器附加到硬件層,以此來改變CSS屬性。在移動設(shè)備上這將提高性能,但在有些情況下,你可能想要禁用它(特別是如果你有太多的元素和硬件性能跟不上)。

默認(rèn)值:true

如果不確定iScroll的最優(yōu)配置。從性能角度出發(fā),上面的所有選項應(yīng)該設(shè)置為true。(或者更好的方式,讓他們自動設(shè)置屬性為true)。你可以嘗試這配置他們,但是要小心內(nèi)存泄漏。

上一篇:掌握刷新方法下一篇:入門