美文网首页
getBoundingClientRect

getBoundingClientRect

作者: zhangwinwin | 来源:发表于2019-06-06 10:49 被阅读0次

概念

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

用法

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

    rectObject = object.getBoundingClientRect();
    
    

    object就是当前元素

  2. 返回值类型:

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

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

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

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

    rectObject.width:元素的宽度;

    rectObject.height:元素的高度;

相关文章

网友评论

      本文标题:getBoundingClientRect

      本文链接:https://www.haomeiwen.com/subject/sqyyxctx.html