1、首先引用isscroll外掛程式
說明：頁面載入時初始化isscroll，然後呼叫pulldownaction()和pullupaction()，每次切換tab時，只需要對pulldownaction()和pullupaction()裡面的東西進行修改即可！！！
">公司動態
class="
tab-item
">行業新聞
class="
tab-item
">**報道
class="
tab-item
">案例
class="
tab-item
">大咖說
class="
content bg-gray articlecate
" id="
">
class="
" id="
">
"pulldown
">
class="
pulldownlabel
">下拉重新整理...
"pullup
" attrval="
0">
class="
pulluplabel
">上拉載入更多...
/*js：上拉載入
*/ position: absolute;
top:
1.68rem;
left: 0;
width:
100%;
height: auto;
padding: 0;
overflow: auto;
} position: absolute;
z-index: 1
;
/*-webkit-touch-callout: none;
*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0
); width:
100%;
padding: 0;
} background: #f7f7f7;
height:
0.92rem;
line-height: 0
.92rem;
font-size: 0
.24rem;
color: #
999;
text-align: center;
}
//獲取列表的五個引數定義
var type = 1,page = 1, limit = ""
;
var generatedcount = 0; //
上拉載入更多次數統計
var myscroll = ''; //
主列表的iscroll例項
var countflag = true; //
上拉計數標識，防止還沒渲染頁面就再次加一
var myscrollflag = false, oiscrollflag = false; //
標識iscroll有沒有例項化成功（例項化過後才能refresh）
var all_width = 0
;
var len = $("
.news-tab .tab-item
").length;
for (var i = 0; i < len; i++)
$('.news-tab
').css('
width
', all_width + 'px'
);
var myscroll1 = new iscroll("
", );
//點選選項卡切換
$("body
").on("
click
", "
.news-tab .tab-item
", function () )
//初始化列表資料
getorderbyajax(1,1,0
); /**
* 獲取保單列表的ajax請求
* @param type 諮詢型別（公司動態，行業新聞，**報道，保險案例，大咖說保險）
* @param page 請求的頁數
* @param limit 載入更多的傳值（預設0，第一次載入更多為1，以此類推）
*/function getorderbyajax(type,page,limit) ",
type:
'post',
datatype:
'json',
data: ,
beforesend: function () ,
complete: function () ,
success: function (res)
}, 100)
return
; }
if (res.data.article.length < 10 && limit == 0)
else
$("#pullup
").attr("
attrval
", "
0"); //
這個值為0表示可以上拉載入更多資料
$("#pullup .pulluplabel
").html("
上拉載入更多...");
var html=''
;
if(res.data.article && res.data.article.length != 0
)
// $("
.article_list
" countflag = true
;
$(""
).show();
/*//如果是第一次載入，預設列表置回頂部
if (limit == 0)
}*/settimeout(function ()
}},
100); //
重新整理iscroll
} }})}
基於iscroll實現下拉和上拉重新整理
這裡，我基於iscroll5的基礎上，進行了少量的改動源 進而實現了下拉屬性的功能，所以分享在這裡，僅供參考。iscroll外掛程式 官網位址 當前最新的版本是version 5版本，相對於版本4，我個人覺得，版本5變得更具有靈活性，雖然移除了一些特定的事件，特定的對外介面，但是對於使用該外掛程式的...
js上拉載入，jq上拉載入
沒有特別的幸運，那麼就特別的努力！既然沒有優人的天賦，那就拼吧！先看下效果 首 頁header main list box ul section jq var page 1,分頁碼 off on false 分頁開關 滾動載入方法 1 中用的 timers null 定時器 滾動載入方法 2 中用的...
利用MJRefresh下拉重新整理上拉載入
匯入第三方mjrefresh 這裡的mj是 arc 需mrc改過來就可以 fobjc arc 引入標頭檔案 mjrefresh.h mjrefreshheaderview mjrefreshfooterview 在重新整理載入主體處加一句話，例 tableview self setuprefresh...