基于iSroll 5.0实现的上拉加载和下拉刷新插件

Updownload.js

基于iSroll 5.0实现的上拉加载和下拉刷新插件

移动端效果比较好，开发者工具打开后，需要刷新下页面。

[演示地址:] https://chenyk2016.github.io/upDownLoad/demo.html
[github地址:] https://github.com/chenyk2016/upDownLoad/

效果图

1.建立html

IScroll上拉加载下拉刷新

das

das

das

das

das

das

das

das

das

das

两个容器iscroll_wrap和iscroll；
iscroll为滚动元素，iscroll_wrap为固定大小的容器。
可以在iscroll里新建列表等

2.样式和图片

注：
iscroll的min-height: 101%; 是避免内容高度小于.iscroll_wrap的高度时，无法使用iScroll

3.引入js文件

// 引入iScroll插件
// 扩展的源码

注意：
上拉和下拉都有两个状态。为了显示成功状态之前执行刷新DOM，需要将操作DOM的行为放在回调里执行。
myRefresh.success(fn);
myRefresh.error(fn);
如果想看具体实现，可以查看代码源文件updownload.js

完整演示

IScroll上拉加载下拉刷新

das

das

das

das

das

das

das

das

das

das

关注我

github [https://github.com/chenyk2016]
博客园 [https://home.cnblogs.com/u/chenykblog/]