图片懒加载插件

使用方法

引入

npm install --save hd-img-lazy-load 或 yarn add hd-img-lazy-load

import ImgLazy from "hd-img-lazy-load"
new ImgLazy(options)

options

root：用于计算的根窗口，默认是浏览器视口
minTop: 元素距离可视区域顶部多少时，触发加载图片资源，单位：px，默认: 0
minLeft: 元素距离可视区域右侧多少时，触发加载图片资源，单位：px，默认: 0
minButtom: 元素距离可视区域底部多少时，触发加载图片资源，单位：px，默认: 0
minRight: 元素距离可视区域左侧多少时，触发加载图片资源，单位：px，默认: 0

示例

new ImgLazy({
      root: document.getElementById("root"),
      minButtom: -30
})

<img data-src="xxx.png" src="默认占位图.png" />