滚动加载下一页

小提示: 该例子可以在手机中拖动

这个控件主要用于特殊需求定制, 如果你仅仅只是需要加载跟刷新功能, 可以使用更简单的 bui.list , 分页什么都已经做好, 只需传接口跟模板

示例:

html:

<div id="scroll" class="bui-scroll"> <div class="bui-scroll-head"></div> <div class="bui-scroll-main"> <ul id="scrollList" class="bui-list"> </ul> </div> <div class="bui-scroll-foot"></div> </div>

js:

//初始化scroll var uiScroll = bui.scroll({ id: "#scroll", children: ".bui-list", page:1, pageSize:5, onRefresh: refresh, onLoad: getData }) //刷新数据 function refresh () { var page = 1; var pagesize = 5; getData(page,pagesize,"html"); } //新增下一页数据 function getData(page,pagesize,command){ var command = command || "append"; // 更新分页信息,如果高度不足会自动请求下一页 uiScroll.updateCache(page,res.data); // 刷新的时候返回位置 uiScroll.reverse(); }