①可以自动观察元素是否可见;
②是浏览器原生提供的构造函数,接受两个参数:callback 是可见性变化时的回调函数;option 是配置对象,是可选参数;
③目标元素的可见性变化时,就会调用观察器的回调函数 callback,callback 一般会触发两次,一次时目标元素刚刚进入视口,另一次时完全离开视口;
④callback 函数的参数是一个数组,每个成员都是一个对象,如果同时有两个被观察的对象,数组就会有两个成员;
⑤callback 函数的参数数组包括:1、time:可见性发生变化的时间,是个高精度时间戳,单位为毫秒;2、target:被观察的目标元素,是一个 DOM 节点对象;3、isIntersecting:目标是否可见;4、rootBounds:根元素的矩形区域的信息,getBoundingClientRect () 方法的返回值,如果没有根元素,则返回 null;5、boundingClientRect:目标元素的矩形区域的信息;6、intersectionRect:目标元素与视口(或根元素)的交叉区域的信息;7、intersectionRatio:目标元素的可见比例,即 intersectionRect 占 boundingClientRect 的比例,完全可见时为 1,完全不可见时小于等于 0;
⑥有三个方法:1、observe:开始观察;unobserve:停止观察;disconnect:关闭观察器;