getboundingclientrect()最直接可靠，返回元素相对于视口的坐标，加上window.pagexoffset和pageyoffset即可得文档绝对位置，兼容性好且适配缩放与transform。
用 getBoundingClientRect() 方法最直接可靠，它返回元素相对于视口（viewport）左上角的坐标，再结合页面滚动偏移就能算出相对于整个文档的绝对位置。
获取元素相对于视口的位置
getBoundingClientRect() 返回一个 DOMRect 对象，包含 left、top、right、bottom、width、height 等属性，单位是像素：
-
element.getBoundingClientRect().left：元素左边距视口左边缘的距离 -
element.getBoundingClientRect().top：元素上边距视口顶边缘的距离
转换为相对于整个文档的绝对坐标
视口坐标需加上当前页面的滚动距离，才能得到文档内的绝对位置：
- 绝对 X 坐标 =
element.getBoundingClientRect().left + window.pageXOffset - 绝对 Y 坐标 =
element.getBoundingClientRect().top + window.pageYOffset
注意：window.pageXOffset 和 window.pageYOffset 兼容性好，比 document.body.scrollLeft/Top 更推荐；在 IE8 及更早版本中可用 document.documentElement.scrollLeft/Top 回退。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
封装成通用函数
可写一个简单函数统一处理：
function getAbsolutePosition(el) {
const rect = el.getBoundingClientRect();
return {
x: rect.left + window.pageXOffset,
y: rect.top + window.pageYOffset
};
}
调用 getAbsolutePosition(myElement) 即得 { x: 120, y: 340 } 这样的对象。该方法自动适配缩放、CSS transform（只要不是 transform: translate() 类影响布局的变换）、iframe 内嵌等情况。
注意边界与兼容性
某些场景下需额外判断：
- 元素不可见（
display: none）时，getBoundingClientRect()返回全 0，需提前检查offsetParent或getComputedStyle(el).display - 元素被父容器裁剪（
overflow: hidden）不影响结果，因为该方法基于最终渲染位置 - IE9+ 完全支持；如需支持 IE8，需手动计算 offsetParent 链，但一般建议用现代方案
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
