您的位置:首页 > 其它

13、下拉刷新

2015-08-02 17:20 274 查看
为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况);通过双webview解决这个DIV的拖动流畅度问题;拖动时,拖动的不是div,而是一个完整的webview(子webview),回弹动画使用原生动画;在iOS平台,H5的动画已经比较流畅,故依然使用H5方案。两个平台实现虽有差异,但经过封装,可使用一套代码实现下拉刷新。

第一步:创建子页面,因为拖动的其实是个子页面的整体



第二步:内容页面需按照如下DOM结构构建

第三步:通过mui.init方法中pullRefresh参数配置下拉刷新各项参数



第四步:设置执行函数

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: