js 中 getBoundingClientRect () 的使用解析

# getBoundingClientRect () 方法返回元素的大小及其相对于视口的位置。

  • 语法

rectObject = object.getBoundingClientRect();

  • RectObject:top// 元素上边到视图上边

    RectObject:left// 元素左边到视图左边

    RectObject:right// 元素右边到视图左边

    RectObject:bottom// 元素下边到视图上边

    RectObject:width// 元素自身的宽度

    RectObject:height// 元素自身的高度