JavaScript getBoundingClientRect() API 返回一个矩形对象也就是元素视口的位置

原创 q514393412 随笔 JavaScript 167阅读 2017-11-27 15:35:47 举报

这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离
主要是left和bottom要解释一下,left是指右边到页面最左边的距离,bottom是指底边到页面顶边的距离。
html 代码

注意:IE、Firefox3+、Opera9.5、Chrome、Safari支持,在IE中,默认坐标从(2,2)开始计算,导致最终距离比其他浏览器多出两个像素
html 代码

代码实例 响应式屏幕高度
html 代码

浏览器兼容性 IE8之前的left、top会少2px,并且没有width、height属性。
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复