getBoundingClientRect()方法提供了一个元素的几何信息，包括相对于视口的位置。它返回的对象包含left,top,right,bottom等属性。而offsetTop则返回元素顶部到其定位父元素顶部的距离，如果没有定位父元素，则是到文档的距离。在布局和交互设计时，这两个属性经常被用来处理元素定位和滚动问题。
getBoundingClientRect()
返回：元素的大小及其相对于视口的位置：left, top, right, bottom, x, y, width, height
语法：
element.getBoundingClientRect();
图例说明：
踩坑：使用offsetTop。offsetTop返回元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。
扫一扫
3914
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
