在 uniapp 中,可以使用 DOM 节点的 getBoundingClientRect() 方法来获取元素的位置信息。

该方法返回一个 DOMRect 对象,包含元素左上角和右下角在视口坐标系中的坐标。

例如,下面的代码可以获取元素的顶部位置:

let element = this.$refs.myElement;
let rect = element.getBoundingClientRect();
let top = rect.top;

注意,获取到的坐标是相对于视口的坐标(即浏览器窗口的左上角),如果需要获取相对于整个文档的坐标,可以使用 pageXOffset 和 pageYOffset 属性。

let element = this.$refs.myElement;
let rect = element.getBoundingClientRect();
let x = rect.left + window.pageXOffset;
let y = rect.top + window.pageYOffset;

此外,还可以使用 DOM 节点的 offsetTop 和 offsetLeft 属性来获取元素的相对于定位的父元素的偏移位置。

let element = this.$refs.myElement;
let x = element.offsetLeft;
let y = element.offsetTop;
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐