javascript 获取元素位置的快速方法 getBoundingClientRect()

ttx9n · 发表于 2009-11-26 00:40:31

有一种快速获得网页元素的位置。那就是使用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;
目前，IE、Firefox 3.0+、Opera 9.5+都支持该方法，而Firefox 2.x、Safari、Chrome、Konqueror不支持。

8ayoqrpj · 发表于 2022-8-17 02:26:10

下载来瞧瞧

5vulod · 发表于 2023-3-17 12:25:27

看到这帖子真是高兴！

zzhxxx · 发表于 2023-6-19 16:32:15

啦啦啦啦啦啦哈哈哈

白狐软件 · 发表于 2023-9-11 23:03:57

儿童服务绯闻绯闻绯闻

64000928 · 发表于 2023-12-4 16:54:15

源码源码源码源码源码源码源码源码源码源码源码源码源码

平平安安 · 发表于 2024-2-19 18:55:45

啪啪啪生怕PSP怕

回复用户5 · 发表于 2024-5-16 03:09:44

hi哦和烦恼农家女

8ayoqrpj · 发表于 2024-6-3 04:13:12

天天源码社区www.tiantianym.com

wxrf98xr · 发表于 2024-8-10 09:41:37

抽根烟，下来看看再说

账号		自动登录	找回密码
密码			立即注册

[JavaScript] javascript 获取元素位置的快速方法 getBoundingClientRect()

相关帖子