懒加载

  1. 通过 document.documentElement.clientHeight获取屏幕可视窗口高度

  2. 通过 document.documentElement.scrollTop获取浏览器窗口顶部与文档顶部之间的距离,也就是滚动条滚动的距离

  3. 通过 element.offsetTop获取元素相对于文档顶部的距离

  3-2<1,如果成立,元素就在可视区域内

  正常做懒加载,是希望用户节省中间的加载时间,所以,正常计算的时候,最好在2-3的基础上减去100或更多,提前进行图片加载

原文地址:https://www.cnblogs.com/tongjiaojiao/p/10175047.html