getBoundingClientRect()
返回:元素的大小及其相对于视口的位置:left, top, right, bottom, x, y, width, height
语法:
element.getBoundingClientRect();
图例说明:
踩坑:使用offsetTop。offsetTop返回元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。
返回:元素的大小及其相对于视口的位置:left, top, right, bottom, x, y, width, height
语法:
element.getBoundingClientRect();
图例说明:
踩坑:使用offsetTop。offsetTop返回元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。