如何判断元素是否到达可视区域？

以图片显示为例：

1.window.innerHeight 是浏览器可视区的高度；

2.document.body.scrollTop || document.documentElement.scrollTop 是浏览器滚动的过的距离；

3.imgs.offsetTop 是元素顶部距离文档顶部的高度（包括滚动条的距离）；

4.内容达到显示区域的：img.offsetTop < window.innerHeight + document.body.scrollTop;