获取元素位置的快速方法
2016-11-27 10:56
302 查看
getBoundingClientRect()方法。它返回一个对象,其中包含了left、right、top、bottom四个属性,分别对应了该元素的左上角和右下角相对于浏览器窗口(viewport)左上角的距离。
所以,网页元素的相对位置就是
var X= this.getBoundingClientRect().left;
var Y =this.getBoundingClientRect().top;
再加上滚动距离,就可以得到绝对位置
var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;
所以,网页元素的相对位置就是
var X= this.getBoundingClientRect().left;
var Y =this.getBoundingClientRect().top;
再加上滚动距离,就可以得到绝对位置
var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;
相关文章推荐
- javascript 获取元素位置的快速方法
- javascript 获取元素位置的快速方法 getBoundingClientRect()
- javascript 获取元素位置的快速方法 getBoundingClientRect()
- [JavaScript]获取元素位置的快速方法getBoundingClientRect()
- jQuery简单获取DIV和A标签元素位置的方法
- jquery获取滚动条高度和位置,JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- 使用getBoundingClientRect()方法获取元素距离浏览器周边的位置
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JavaScript获取指定元素位置的方法
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- js中两个常用方法(1.获取当前工程的虚拟目录;2.移除数组指定位置上的元素)
- 用JavaScript获取DOM元素位置和尺寸大小的方法
- jQuery提供的获取元素位置的接口方法
- jQuery获取页面元素绝对与相对位置的方法
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jQuery提供的获取元素位置的接口方法