getBoundingClientRect

概念

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

用法

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

   rectObject = object.getBoundingClientRect();
   
   

   object就是当前元素

2. 返回值类型：

   rectObject.top：元素上边到视窗上边的距离;

   rectObject.right：元素右边到视窗左边的距离;

   rectObject.bottom：元素下边到视窗上边的距离;

   rectObject.left：元素左边到视窗左边的距离;

   rectObject.width：元素的宽度;

   rectObject.height：元素的高度;