Element.getBoundingClientRect()

介绍

Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置
如果是标准盒子模型，元素的尺寸等于width/height + padding + border-width的总和
如果box-sizing: border-box，元素的的尺寸等于 width/height

正文

返回值

    bottom
	height
	left
	right
	top
	width
	x
	y

demo


xy 是左上角到左边和上边的距离，width,heigth,就是元素的宽高

笔记

推荐文档