使用dragloader.js插件实现上拉加载/下拉刷新..

在写代码时候有个需求是,在触屏页面,为了加快页面加载速度,案件列表每页展示5条数据;

然后点击更多,展示下一页数据;

但是为了触屏更好的体验,改为往上滑动案件列表,加载下一页数据;就是要实现上拉加载/下拉刷新的效果;

我只用到了 上拉加载;

参考资料:http://blog.csdn.net/xb12369/article/details/39202711


下面是写的demo:

html代码:





touchMove事件使用_下拉加载更多demo




  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • 向上滑动加载更多数据

    参考地址:maxzhang/dragloader

    dragloader.js是一个面向移动Web开发的JavaScript库,帮助开发者在使用页面原生滚动时,模拟上/下拉手势,实现Pull to Request操作。

    关于dragloader.js的一些使用说明:或者api:百度快照:

    http://cache.baiducontent.com/c?m=9d78d513d99501fc0dfa950e4a54c0676912da236b968a482182870fd33a541b0120a1ac26510d19918e3a3d5cf3130fbba96132761420c0ca95d7579fa6c8736dd377696d4ac612478d44fc9d1165&p=882a9645d08a52f302a2c7710f0098&newp=8b2a971e9d934eac58ebd428544e82231610db2151d4db1e249f&user=baidu&fm=sc&query=dragUpThreshold&qid=b442ddb60000ca2a&p1=1


    dragloader.js上传到资源共享。


    你可能感兴趣的:(javaScript,前端)