scrollLazyLoad
懒加载jQuery组件。
实现图片/区域懒加载。
使用该组件的方法:
1.引用jQuery库,引用scrollLazyLoad组件
<script src="jquery.min.js"></script>
<script src="jquery.scrollLazyLoad.js"></script>
2.在需要进行懒加载的元素上设置data-url="...",如果设置其他属性来存放路径,需要在初始化组件的时候配置参数
<img src="" data-url="..." alt="" />
<div data-url="..."></div>
3. 在包含懒加载元素的外层元素进行初始化,同时要说明产生滚动条的区域(window/局部区域)
/**
* $('.container')为包含懒加载区域的外层元素
* @param {jQuery Element} 产生滚动条的区域,可省略,默认window
* @param {string} 懒加载路径的属性值,可省略,默认'data-url'
* @param {function} 加载完毕后的回调函数,可省略
*/
$('.container').scrollLazyLoad({
scroller: $('.main'),
attr: 'data-url',
fn: function () {
console.log('DONE!!!');
}
});