摘要:
功能需求: 当滚动条拖动页面底部时用js将数据拼装成html插入页面中,由于每次获取的图片数据比较多(一次50张图片吧),所以必须给图片添加延迟加载。 这是最近在公司做的一个功能,以下是我的解决思路和代码,欢迎高手指正。解决思路: 由于滚动加载还是比较简单的,主要讲下怎么实现图片的延迟加载。 简单的思路就是把每次动态添加的图片对象都保存在一个数组里,当滚动的时候遍历数组,获得图片相对窗口的偏移量offset().top去减去一个高度, 如果小于当前滚动条的高度就给图片添加src属性,并设置一个值代表图片已经加载。再将已加载过的图片从数组中删除。 以下是测试的代码,在线demo点击这... 阅读全文