uniapp如何获取dom元素的在当前页面的位置信息
时间: 2023-06-11 10:06:35 浏览: 354
uni-app 组件里面获取元素宽高的实现
在uniapp中,可以使用uni.createSelectorQuery()方法获取dom元素的位置信息。
示例代码:
```javascript
// 获取dom元素的位置信息
uni.createSelectorQuery().select('#myDom').boundingClientRect(function(rect){
console.log(rect.top); // 元素的上边界距离页面顶部的距离
console.log(rect.left); // 元素的左边界距离页面左侧的距离
console.log(rect.width); // 元素的宽度
console.log(rect.height); // 元素的高度
}).exec();
```
其中,`#myDom`为需要获取信息的dom元素的选择器。该方法会返回一个`SelectorQuery`对象,可以使用`boundingClientRect()`方法获取元素的位置信息。最后使用`exec()`方法执行查询操作。
阅读全文