码迷,mamicode.com
首页 > 其他好文 > 详细

Element.getBoundingClientRect()

时间:2018-06-06 10:38:15      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:col   pre   alt   高度   color   距离   ott   身高   http   

---恢复内容开始---

Element.getBoundingClientRect()方法会返回元素的大小和相对于视口的位置

语法:

var domRect = element.getBoundingClientRect()

值:

技术分享图片

返回值是一个 DOMRect 对象。其中 width、height、left 和css 里面是一样的。

  width:就是元素自身宽度

  height: 元素自身高度

  left:元素开始位置到窗口左边的距离

  right: 元素的右边到窗口左边的距离

  bottom: 元素的下边到窗口上边的距离

  top: 元素的上边到窗口上边的距离

  x 和 y 相当于 left 和 top

 

Element.getBoundingClientRect()

标签:col   pre   alt   高度   color   距离   ott   身高   http   

原文地址:https://www.cnblogs.com/lan1974/p/9143219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!