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
上拉加载更多

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！