博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Scrolling来实现无限分页处理
阅读量:6008 次
发布时间:2019-06-20

本文共 684 字,大约阅读时间需要 2 分钟。

hot3.png

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

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

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

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

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

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

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

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

你可能感兴趣的文章
mysql字符集
查看>>
DP_1d1d诗人小G
查看>>
非、半、结构化数据学习【转载】
查看>>
avalon加载一闪而过现象
查看>>
Python学习第二天-编写购物车
查看>>
BigTable——针对结构型数据的一种分布式存储系统
查看>>
python调用c/c++写的dll
查看>>
r语言ggplot2误差棒图快速指南
查看>>
python之处理异常
查看>>
遍历form表单里面的表单元素,取其value
查看>>
面试110道题
查看>>
python 08 文件操作
查看>>
强势解决:windows 不能在本地计算机中起动Tomcat参考特定错误代码1
查看>>
Gradle 配置debug和release工程目录
查看>>
curl指令的使用
查看>>
LNAMP第二版(nginx 1.2.0+apache 2.4.2+php 5.4)
查看>>
MongoDB repl set权限认证配置步骤
查看>>
java学习笔记(1)
查看>>
禁止Mysql默认端口访问Internet - MySQL - IT技术网
查看>>
基于用户投票的排名算法(二):Reddit
查看>>