使用Scrolling来实现无限分页处理

mmGrid是一个jquery的轻量表格插件，我在原做者的基础之上増加了自已的一些功能，如：树，无限分页等。原来实现无限分页我是直接绑定了scroll事件，可是发现真正在滚动时性能变得极差，由于在滚动时，会在短期内发出大量的事件，所以每一个都执行的话会很是慢。因而我做了一些处理，如：

• 向上滚动时不做处理
• 向下滚动时，先设置一个正在滚动的标志，而后执行一个setTimeout的方法，延迟执行，执行以后，再将标志改回来。这样，在执行回调函数之间，再滚动不会真正执行。

这样基本解决了问题。可是方法显得很“土”。

今天看到了一个scrolling的插件，专门用来实现对滚动事件的处理。因而看了一下它的实现：

• 基于requestAnimationFrame html5的api。这个api相关于以一个离散的setTimeout方式在工做。即它不会立刻运行，而是会等一个延迟再执行。这个是html5的api，因此并非全部浏览器都支持。ie要至少10版本才支持。
• 在不支持的浏览器上，它会退化为setTimeout来执行。
• 在scroll处理中，也是先设置了一个标志位，而后调用回调。在回调中再修改标志位。

实际上是和个人实现是同样的。只不过，它在支持html5的浏览器上使用了requestAnimationFrame这个方法，而且实现得使用起来更方便。因而我就将原来的实现替換为这个Scrolling插件了。

要注意，使用时，第一个参数不是jquery的对象，而是真正的DOM元素。由于它不是jquery的插件。