在移动设备上使用 jquery nicescroll 滚动非常慢

Question

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

jQuery 代码：

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

请提出建议。

Answer 1

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

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

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

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