IntersectionObserver
接口 (从属于Intersection Observer API) 提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法。祖先元素与视窗(viewport)被称为根(root)。
Element.getBoundingClientRect()
方法返回元素的大小及其相对于视口的位置。
这两种方法都可以获取当前元素到视口边界的高度,但是他们两个的区别是Intersection Observer在性能上会更好,因为它不会引起回流