图片懒加载Demo

时间：2017-09-13 22:11:50 阅读：141 评论：0 收藏：0 [点我收藏+]

场景：

包含大量图片的页面，并发加载最大量图片，会有性能 / 移动端流量问题

思路：

看到图片再加载

方案：

1.初始图片src属性不加，加一个data-src属性

2.判断scrollTop，offsetTop，clientHeight的关系

元素的总offsetTop < 页面的scrollTop + 页面的clientHeight

3.当满足一定关系，将data-src属性转换成src属性

4.组装

实例源码：

效果查看：

原文地址：http://www.cnblogs.com/Nirvana-zsy/p/7517845.html

踩

(0)

评论一句话评论（0）