0


uniapp 获取元素位置信息

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

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

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

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

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

let element = this.$refs.myElement;
letrect = 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;
标签: uni-app 前端 vue.js

本文转载自: https://blog.csdn.net/weixin_35755562/article/details/129058200
版权归原作者 Msura 所有, 如有侵权,请联系我们删除。

“uniapp 获取元素位置信息”的评论:

还没有评论