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

2019独角兽企业重金招聘Python工程师标准>>>

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

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

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

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

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

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

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

转载于:https://my.oschina.net/limodou/blog/173657