图片懒加载，img标签offsetTop获取出错问题

大概过程：

1、做图片懒加载插件时，放了几张图片。（原理是：图片距离顶部的距离 <= 浏览器可视化的高度，给改图src赋值即可）

2、给每个图片margin-bottom:200px。功能是能实现，但是加载数量不对，浏览器可视高度外的一些图片也加载了。（原因是，此时的offsetTop值是：200*N这样递加的，值不对所以功能有，数量却不对）

3、于是取消margin-bottom，让图片依顺序排列。这时问题来了，图片直接全部加载了。

4、纠结了一番后（以为是margin-bottom问题，img打成块等等猜测），最后发现offsetTop获取有问题！

比如：

此时，获取到的值全部为0。但是给img高度后：

获取就没有问题了！

经测验，es6的getBoundingClientRect().top方法也一样，必须给img设置高度，不论行内样式还是内外置css！