el.getBoundingClientRect

`el.getBoundingClientRect()`是一个DOM API，它返回一个元素的大小及其相对于视口的位置。它返回一个DOMRect对象，其中包含以下属性：

- `x`：元素左侧边缘相对于视口左侧边缘的距离。
- `y`：元素上边缘相对于视口上边缘的距离。
- `width`：元素的宽度，包括边框和内边距，但不包括外边距。
- `height`：元素的高度，包括边框和内边距，但不包括外边距。
- `top`：元素上边缘相对于视口顶部的距离，等同于`y`。
- `right`：元素右侧边缘相对于视口左侧边缘的距离，等同于`x + width`。
- `bottom`：元素下边缘相对于视口顶部的距离，等同于`y + height`。
- `left`：元素左侧边缘相对于视口左侧边缘的距离，等同于`x`。

可以使用这些属性来计算元素的位置，或者使用它们来判断元素是否在视口内。