手机页面的滑动加载功能
*载下**地址：http://www.xwcms.net/js/bddm/39369.html
演示地址：http://www.xwcms.net/webAnnexImages/fileAnnex/201607/48731/index.html
*载下**
css -样式文件
images -图片
lib -所需js在里面
index.html -demo页面
我们主要需要它的样式文件dropload.css 和js 文件 dropload.js
页面引入
dropload.css
dropload.js
jquery-2.2.3.min.js
参考khData.js 编写代码即可
主要是这里
var dropload = $('.khfxWarp').dropload({
scrollArea: window,
domDown: {
domClass: 'dropload-down',
domRefresh: '<div class="dropload-refresh">上拉加载更多</div>',
domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
domNoData: '<div class="dropload-noData">已无数据</div>'
},
loadDownFn: function (me) {
setTimeout(function () {
//ajax 加载数据 编写你的代码
me.resetload();
}, 500);
}
});
没有数据调用
me.resetload();
me.lock();
me.noData();
me.resetload();
return;
--end