开发工具与关键技术: layui里面的流加载学习总结
作者:李梓良
撰写时间:2019年7月16日
一.灵活运用加载流的代码
1.Elem是参数,String是类型,描述:
指定列表容器的选择器
2.scrollElem是参数,是string类型,描述:
滚动条所在元素选择器,默认document。如果你不是通过窗口滚动来触发流加载,而是页面中的某一个容器的滚动条,那么通过该参数指定即可。
3.isAuto是参数,是boolean类型,描述:
是否自动加载。默认true。如果设为false,点会在列表底部生成一个“加载更多”的button,则只能点击它才会加载下一页数据。
end是参数,是string类型,描述:
用于显示末页内容,可传入任意HTML字符。默认为:没有更多了
4.isLazyimg是参数,是boolean类型,描述:
是否开启图片懒加载。默认false。如果设为true,则只会对在可视区域的图片进行按需加载。但与此同时,在拼接列表字符的时候,你不能给列表中的img元素赋值src,必须要用lay-src取代,如:
layui.each(res.data, function(index, item){
lis.push(’
- ’);
});
5.mb是参数,是number类型,描述:
与底部的临界距离,默认50。即当滚动条与底部产生该距离时,触