getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性

1.语法:这个方法没有参数。

  1. rectObject = object.getBoundingClientRect();

2.返回值类型:

  rectObject.top:元素上边到视窗上边的距离;
rectObject.right:元素右边到视窗左边的距离;
rectObject.bottom:元素下边到视窗上边的距离;
rectObject.left:元素左边到视窗左边的距离;

  1. ![](https://cdn.nlark.com/yuque/0/2019/webp/436638/1576561888723-00eb2b26-e8a0-41fd-80ea-1c1005bb18a5.webp#align=left&display=inline&height=238&originHeight=238&originWidth=240&size=0&status=done&style=none&width=240)