html5下拉刷新和上拉加载更多

这是html5下拉刷新和上拉加载更多下载，现在已经不是纯Android独霸天下的时代了，H5嵌入Android的Hybrid混合开发是大势所趋。今天给大家带来的就是移动端中常见的“上拉刷新，下拉加载”特效，这个特效将会基于H5来实现。463红软基地

软件介绍

html5下拉刷新和上拉加载更多是前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教同事后发现其实下拉只是刷新最新数据而已，上拉是追加数据。463红软基地

软件说明

1、引用iScroll.js， 在初始化时添加两个事件监听：touchMove、DOMContentLoaded。463红软基地
2、实现iScroll插件的onScrollEnd事件， 也就是在这个事件里调用你自己的ajax方法实现数据的刷新和追加。463红软基地
3、上拉加载更多请求后台时就相当于分页请求数据，这时候需要在ajax请求时发送pageIndex参数，而初始化加载时需要从后台返回一个pageCount以便前台判断。463红软基地
4、最关键的就是实现下拉刷新方法(pullDownAction)和上拉加载更多(pullUpAction)方法。463红软基地

相关介绍

html5 实现下拉刷新和下拉加载更多实现分页功能。463红软基地

软件截图

 463红软基地