【问题标题】:Very slow scrolling with jquery nicescroll on mobile devices在移动设备上使用 jquery nicescroll 滚动非常慢
【发布时间】:2013-10-23 04:17:58
【问题描述】:

我正在使用 twitter 引导程序开发单个寻呼机网站。我使用 jQuery nicescroll 在部分内滚动(用户只允许在单击菜单项时滚动浏览特定部分)。当部分内容较少且滚动流畅但当部分内元素数量增加时,它可以正常工作,滚动非常慢。

jQuery 代码:

jQuery("section").niceScroll({horizrailenabled:false,scrollspeed:"5"});
jQuery("section").getNiceScroll().hide();//to hide the scrollbar but allow scrolling

请提出建议。

【问题讨论】:

    标签: jquery mobile scroll nicescroll


    【解决方案1】:

    手机的内存很少。大量的 DOM 元素会导致速度变慢。减少 DOM 元素和样式可能会有所帮助。

    我会先删除所有 CSS 以查看是否可以加快速度。 box-shadows 和border-raduis 可以使用很多处理器。其他项目可能会大大降低速度。

    您还可以使用 Safari 6.1 或 Chrome 开发工具中的时间线来查看您重新计算样式和重新绘制屏幕的次数。重绘太多也会减慢很多。

    在移动设备上获得快速滚动的真正方法是对浏览器、DOM、网络和垃圾收集器进行大量自定义优化。查看 PerfView 的代码以了解一些优化 (https://github.com/puppybits/BackboneJS-PerfView)。

    【讨论】:

      猜你喜欢
      • 2018-08-30
      • 2018-08-13
      • 1970-01-01
      • 1970-01-01
      • 2018-06-11
      • 2019-12-14
      • 2018-10-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多