图片懒加载
获取的值有哪些?
- 滚动高度scrollTop=document.body.scrollTop||document.documentElement.scrollTop ;
- 窗口高度 var H=window.innerHeight;
- 顶部偏移量 var offsetTop=box.offsetTop;
解释说明
如果scrollTop+innerHeight=offsetTop,说明图片即将要进场;如果scrollTop+innerHeight>=offsetTop(+100)(&&!pic.loaded)说明加载图片的图片已经进入了试图区域内 此时我们就可以把图片的真实路径付给img标签
pic.loaded记录图片加载状态 防止图片重复加载 这个属性条件可加可不加
好了,就这些 如果有什么意见相悖的小伙伴 可以在评论区留言哦!