iScroll使用基于設(shè)備和瀏覽器性能的各種技術(shù)來進(jìn)行滾動。通常不需要你來配置引擎,iScroll會為你選擇最佳的方式。
盡管如此,理解iScroll工作機(jī)制和了解如何去配置他們也是很重要的。
默認(rèn)情況下引擎會使用CSStransform
屬性。如果現(xiàn)在還是2007年,那么可以設(shè)置這個屬性為false
,這就是說:引擎將使用top
/left
屬性來進(jìn)行滾動。
這個屬性在滾動器感知到Flash,iframe或者視頻插件內(nèi)容時會有用,但是需要注意:性能會有極大的損耗。
默認(rèn)值:true
iScroll使用CSS transition來實(shí)現(xiàn)動畫效果(動量和彈力)。如果設(shè)置為false
,那么將使用requestAnimationFrame
代替。
在現(xiàn)在瀏覽器中這兩者之間的差異并不明顯。在老的設(shè)備上transitions執(zhí)行得更好。
默認(rèn)值:true
這個選項嘗試使用translateZ(0)
來把滾動器附加到硬件層,以此來改變CSS屬性。在移動設(shè)備上這將提高性能,但在有些情況下,你可能想要禁用它(特別是如果你有太多的元素和硬件性能跟不上)。
默認(rèn)值:true
如果不確定iScroll的最優(yōu)配置。從性能角度出發(fā),上面的所有選項應(yīng)該設(shè)置為true
。(或者更好的方式,讓他們自動設(shè)置屬性為true)。你可以嘗試這配置他們,但是要小心內(nèi)存泄漏。