【问题标题】:Improving scroll performance in iScroll with large images使用大图像提高 iScroll 中的滚动性能
【发布时间】:2014-04-10 21:37:36
【问题描述】:

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

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

谁有同样的经历并解决了?

【问题讨论】:

  • 你写了 hjarntorget?

标签: 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 在淡入淡出时变得不稳定`

【讨论】:

    猜你喜欢
    • 2020-07-22
    • 2023-03-03
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    • 2018-07-13
    • 2018-08-20
    • 1970-01-01
    相关资源
    最近更新 更多