uniapp 获取元素位置信息
时间: 2023-09-07 10:11:11 浏览: 263
uniapp 购物车(cart练习)
在 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;
```
阅读全文