主要为大家详细介绍了基于iscroll.js实现下拉刷新和上拉加载效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

现在已经不是纯Android独霸天下的时代了，H5嵌入Android的Hybrid混合开发是大势所趋。今天给大家带来的就是移动端中常见的“上拉刷新，下拉加载”特效，这个特效将会基于H5来实现。 先看下运行效果： 是不是有点小小的‘鸡冻’ ，它就是由我们今天要介绍的主人公‘iscroll.js’实现的，接下来我以最最简便的方式教给大家~~ 实现步骤 一、准备好iscroll.js库 到官网下载即可： https://github.com/cubiq/iscroll 二、搭建页面结构

前言       前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教同事后发现其实下拉只是刷新最新数据而已，上拉是追加数据。 使用技巧       1、引用iScroll.js， 在初始化时添加两个事件监听：touchMove、DOMContentLoaded。       2、实现iScroll插件的onScrollEnd事件， 也就是在这个事件里调用你自己的ajax方法实现数据的刷新

前言 　　前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教同事后发现其实下拉只是刷新最新数据而已，上拉是追加数据。 使用技巧 1、引用iScroll.js， 在初始化时添加两个事件监听：touchMove、DOMContentLoaded。 2、实现iScroll插件的onScrollEnd事件， 也就是在这个事件里调用你自己的ajax方法实现数据的刷新和追加。 3、上拉加载更多请求后