h5实现下拉刷新上拉加载（兼容iOS手机）

在移动端开发中经常会遇到上拉加载下拉刷新的分页的需求，本人在用jquery weui框架中的相应扩展组件的时候发现不太好用，于是有找了一下，发现了一个非常不错的组件iscroll4.js,现在好像官网不能进了，这里附一个下载链接:下载iscroll4.js.

查看演示:iscrollDemo

我们先来看一下属性。

属性：

scrollbars: false 是否显示滚动条。默认为false;也可以单独设置横向和纵向

fadeScrollbars:true  滚动条淡入淡出效果,当然前提是你滚动条显示了。默认为false;

interactiveScrollbars  是否拖动滚动条。默认为false;

resizeScrollbars  滚动条的长度是按照比例设置的，如果想要固定尺寸，可以设置为flase;默认为true;

bounce: false  滚动到达容器边界时是否执行反弹动画。默认为true;

click:true   iScroll禁止默认鼠标的点击行为，如果要使用设置true;默认为false;

                。。。。。。不在一 一列出,

下面看一下注意事项：

1：滚动容器需要是绝对定位,及position:absolute;

2：滚动容器里面只有第一个元素能滚动，因而一般滚动容器里面一般只放一个元素，在这个元素里面再显示数据

3：上拉的时候回弹回，每次在更新完成滚动容器里面的数据之后需要调用refresh();方法，可以消除此问题

下面来看例子:

	
		
		
		
		
	
	


		

			

				

					下拉刷新
				
				
				

					
 1111
					
 1111

				
				


					上拉加载更多
				
			
		
		

		
	

以上就是示例代码，可以拷贝出来直接测试。