iscroll是用来处理页面上拉下拉加载的一个js插件,可同时适用于电脑端及移动端,须要先加载Zepto.js(移动端)或jquery.js,我经过bootstrap作了个移动端的,用的仍是jquery,没什么问题。css
这里有部分文档(中文的),仍是要学好英文啊。html
这里也是部分文档,彷佛参数说明同样的 http://blog.csdn.net/sweetsuzyhyf/article/details/44195549/jquery
入门使用方法(仅限于入门) http://wiki.jikexueyuan.com/project/iscroll-5/distory.htmlbootstrap
网上有不少例子,再也不列出了app
必需要注意的是,在过程当中,下拉区域(即id="wrapper"节点)必须给定一个height,不然首次进入页面上拉没法弹回,不会加载数据!!优化
由于我页面头部和底部都有一块浮动的区域,所以wrapper区域高度不能设置为100%,并且不一样手机页面高度不一样,不能写死,只好动态设置其高度:
$(window).on("load resize",function(){
var h=window.innerHeight||document.body.clientHeight||document.documentElement.clientHeight;
$("#wrapper").css("height",h-97-55);
});.net
此处由于是页面加载完以后再设置的,所以调用js时,若是没有height就没办法得到,因此最好设置一个最小高度min-height 或者height都行,插件
就由于这一个问题,浪费我半天时间。。。。。htm