JavaScript Element getBoundingClientRect() 方法

• 

  JavaScript Element getBoundingClientRect() 方法

  getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。此方法返回一个DOMRect对象，该对象具有八个属性：left，top，right，bottom，x，y，width，height。

  注意：计算边界矩形时会考虑视口区域已完成的滚动量。这意味着每次滚动位置更改时，矩形的边（顶部，左侧，底部和右侧）都会更改其值。

  实例：

  返回元素的大小及其相对于视口的位置：

  var rect = obj.getBoundingClientRect();
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  getBoundingClientRect()	9.0+	1.0+	3.0+	4.0+	9.5+

• 

  语法

  element.getBoundingClientRect()
• 

  参数值

  参数	类型	描述
  无

• 

  技术细节

  项目	描述
  返回值：	具有八个属性的DOMRect对象：left，top，right，bottom，x，y，width，height。