getBoundingClientRect用法

发表于 | 分类于 | 次

getBoundingClientRect用法

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

  1. 语法：rectObject = object.getBoundingClientRect()

  2. 返回值类型：TextRectangle对象，每个矩形具有整数性质表示的矩形，以像素为单位。

    • rectObject.top：元素上边到视窗上边的距离
    • rectObject.right：元素右边到视窗左边的距离
    • rectObject.bottom：元素下边到视窗上边的距离

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

  3. width和height

1
2
let rectWidth = rectObject.right - rectObject.left,
    rectHeight = rectObject.bottom - rectObject.top