2

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

jQuery代码:

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

请建议。

4

1 回答 1

3

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

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

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

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

于 2013-10-24T04:21:55.347 回答