导入脚本
导入imgRunLoading.js脚本文件,或将其写入您的常用脚本文件中。
脚本代码片段提供未压缩和压缩过后的2种代码片段供你选择,请根据实际情况自行判断。
基础设置
给需要滚动加载的图片添加上data-url属性,值为图片的真实地址,src属性填写一张默认图片的地址。
方法引用
确定好一个有固定高度,且有滚动条的块级元素后,调用方法imgRunLoading(string id,boolean isConstant)。
参数有两个,第一个是该滚动元素的id,第二个参数指示是否是固定(无新增)图片,默认为false。
扩展-手动执行
由于图片滚动加载只会在滚动时执行,所以对于即时加入的图片将不会进行加载操作,此时你可以执行扩展方法loading()去实时执行一次加载方法
补充说明
影响范围:仅对滚动元素内包含data-url属性的img起效
起效条件:仅对出现在视窗内的img起效
起效漏洞:仅对竖向滚动条起效,无视横向滚动条