getBoundingClientRect()
是一个 DOM API,返回一个元素的位置、大小等信息,包括以下属性:
- top:元素顶部相对于视口顶部的距离
- right:元素右侧相对于视口左侧的距离
- bottom:元素底部相对于视口顶部的距离
- left:元素左侧相对于视口左侧的距离
- width:元素宽度
- height:元素高度
使用 getBoundingClientRect()
可以获取指定元素的位置和大小信息,方便进行一些相关计算,比如元素的偏移量等。此外,还可以通过计算多个元素的位置、大小等信息,做出交互效果等。
需要注意的是,获取的位置信息是相对于视口的,因此需要考虑滚动条等因素对位置信息的影响。