js的getBoundingClientRect用来返回元素的大小及相对于浏览器窗口的位置信息。一般可用来计算元素尺寸、滚动事件时判断元素是否滚动到特定位置等……
let el = document.getElementById("elId"); // 获取id为elId的元素
let elRect = el.getBoundingClientRect();
该函数返回一个DOMRect对象,包含以下属性:
left: 元素左侧距离窗口左侧的距离
right: 元素右侧距离窗口左侧的距离
top: 元素顶部距离窗口顶部的距离
buttom: 元素底部距离窗口顶部的距离
width: 元素的宽度
height: 元素的高度
x: 元素左上角相对于窗口的横坐标
y: 元素左上角相对于窗口的纵坐标