【问题标题】:Improving scroll performance in iScroll with large images使用大图像提高 iScroll 中的滚动性能
【发布时间】:2014-04-10 21:37:36
【问题描述】:
我确实注意到在使用长页面时,使用 iScroll,但我相信任何其他 js/css 代码,
卷轴变得不稳定......有时会卡住......
我想知道这是否是图像的问题..它们太大(视网膜)或者如果确实影响网络应用程序,我应该采用延迟加载..
谁有同样的经历并解决了?
【问题讨论】:
标签:
javascript
css
web-applications
iscroll
【解决方案1】:
哪个 iScroll? iScroll4 还是 iScroll5?
通常,您的标记和/或 CSS 越复杂,iScroll 就越不稳定。尤其是在使用 box-shadow 或渐变时。
在 iScroll5 上,有一些技巧可以提高性能,例如:
shrinkScrollbars: 'clip' //不收缩,只是将其移出容器
useTransition: false, //使用 rAnimFrame 代替 CSS3 - 这会提高性能
bindToWrapper: true, //将滚动事件绑定到包装器而不是整个文档
bounce: false, //不要在scrollEnd上执行反弹
fadeScrollbars: false //使其依赖于使用的设备 - Android 在淡入淡出时变得不稳定`