原生js实现懒加载中判断元素出现在可视区域的一种方式，封装函数：获取当前元素距离html文档顶部距离

懒加载

延迟加载，等内容进入可视区域了再去加载资源

如何判断元素出现在可视区域？

1）获取被监视的元素到页面顶部的距离 element.offsetTop （前提：没有定位的祖先）
2）获取页面垂直滚动的距离 window.pageYOffset
3）获取可视区域高度 window.innerHeight
4）当 element.offsetTop - window.pageYOffset < window.innerHeight 即为元素出现在可视区域

获取元素到页面顶部的距离 element.offsetTop ?

MDN定义：

• element.offsetParent：只读属性，返回一个最近的包含这个 element 的定位元素或 table,td,th,body 元素
• element.offsetTop：只读属性，返回 elemen