获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013-04-17 00:00
716 查看
var box = document.getElementById( "gaga1" ); /* alert( box.getBoundingClientRect().top ); alert( box.getBoundingClientRect().right ); alert( box.getBoundingClientRect().bottom ); alert( box.getBoundingClientRect().left ) */ function getRect( elements ){ var rect = elements.getBoundingClientRect(); var clientTop = document.documentElement.clientTop; var clientLeft = document.documentElement.clientLeft; return { // 兼容ie多出的两个px top : rect.top - clientTop, // 距离顶部的位置 bottom : rect.bottom - clientTop, // 距离顶部加上元素本身的高度就等于bottom的位置 left : rect.left - clientLeft, // 距离左边的位置 right : rect.right - clientLeft // 距离右边的位置就是 距离左边的位置加上元素本身的宽度 }; }; alert( getRect(box).top )
相关文章推荐
- 获取元素距离浏览器周边的位置的方法getBoundingClientRect
- 使用getBoundingClientRect()方法获取元素距离浏览器周边的位置
- javascript getBoundingClientRect() 来获取页面元素的位置的代码
- JS获取鼠标位置距浏览器窗口距离的方法示例
- js getBoundingClientRect() 来获取页面元素的位置
- Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置
- javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第1/2页
- Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。
- 获取元素位置信息:getBoundingClientRect
- javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第1/2页
- js getBoundingClientRect() 来获取页面元素的位置
- PHP获取浏览器信息类和客户端地理位置的2个方法
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- 原生JS 获取浏览器、窗口、元素等尺寸的方法及注意事项
- jquery获取元素宽高,浏览器宽高,滚动距离
- 用JavaScript获取DOM元素位置和尺寸大小的方法
- js中如何获取某个元素到浏览器最左和最右的距离
- jQuery获取页面元素绝对与相对位置的方法
- [图解]在输入框和文本框中获取和设置光标位置,以及选中文本和获取选中文本值的方法 --- 详解,兼容所有浏览器。