我正在使用 twitter bootstrap 开发单个寻呼机网站。我使用 jQuery nicescroll 在部分内滚动（用户只允许在单击菜单项时滚动浏览特定部分）。当部分内容较少且滚动流畅但当部分内元素数量增加时，它可以正常工作，滚动非常慢。
jQuery代码：
jQuery("section").niceScroll({horizrailenabled:false,scrollspeed:"5"});
jQuery("section").getNiceScroll().hide();//to hide the scrollbar but allow scrolling
请建议。
手机内存太小了。大量的 DOM 元素会导致速度变慢。减少 DOM 元素和样式可能会有所帮助。
我首先删除所有 CSS 以查看是否可以加快速度。box-shadows 和border-raduis 可以使用很多处理器。其他项目可能会减慢它的速度。
您还可以使用 Safari 6.1 或 Chrome 开发工具中的时间线来查看您重新计算样式和重新绘制屏幕的次数。重绘太多也会减慢很多。
在移动设备上获得快速滚动的真正方法是对浏览器、DOM、网络和垃圾收集器进行大量自定义优化。查看 PerfView 的代码以查看一些优化 ( https://github.com/puppybits/BackboneJS-PerfView )。