uniapp 获取元素位置
时间: 2023-09-03 20:10:28 浏览: 133
获取元素绝对位置 position
在 UniApp 中,你可以使用 `uni.createSelectorQuery` 方法来获取元素的位置信息。以下是一个简单的示例:
```javascript
// 在页面的 `onLoad` 或 `onReady` 生命周期中使用
onLoad() {
uni.createSelectorQuery()
.select('.target-element') // 选择器可以是 class、id 或标签名
.boundingClientRect((rect) => {
console.log(rect) // rect 对象包含了元素的位置信息
})
.exec()
}
```
在上述示例中,我们使用 `uni.createSelectorQuery` 方法创建了一个选择器查询对象,然后使用 `select` 方法选择了一个名为 `.target-element` 的元素。接着,我们通过调用 `boundingClientRect` 方法来获取元素的位置信息,并将位置信息作为参数传递给回调函数。
在回调函数中,你可以根据需要处理位置信息,例如打印到控制台或进行其他操作。
请注意,`boundingClientRect` 方法是异步的,所以你需要在 `exec` 方法中执行查询。
阅读全文