使用大图像改善iScroll中的滚动性能

时间:2014-03-07 16:16:03

标签: javascript css web-applications iscroll

我注意到当使用长页面时,使用iScroll,但我相信任何其他js / css代码, 卷轴变得不稳定...有时会卡住..

我想知道这是否是图像的问题..它们太大(视网膜)或者如果真的影响了网络应用程序我采用了延迟加载...

任何人都有相同的经历并解决了它?

1 个答案:

答案 0 :(得分:0)

哪个iScroll? iScroll4还是iScroll5? 通常iScroll变得越来越不稳定,你的标记和/或CSS越复杂。特别是使用盒阴影或渐变时。 在iScroll5上有一些提高性能的技巧,如:

shrinkScrollbars:'clip' //不收缩,只需将其移出容器

useTransition:false, //使用rAnimFrame而不是CSS3 - 这会提高性能

bindToWrapper:true, //将滚动事件绑定到包装器而不是整个文档

反弹:false, //不要在scrollEnd上执行反弹

fadeScrollbars:false //让它依赖于使用过的设备 - Android在淡入淡出时变得不稳定