uniapp 获取元素高度

简介: uniapp 获取元素高度

uniapp 中,你可以使用 wx.createSelectorQuery() 方法来获取元素的高度。首先,你需要在元素上添加唯一的 id,然后在你的 JavaScript 代码中使用以下代码来获取元素的高度:

wx.createSelectorQuery().select('#the-id').boundingClientRect(function (rect) {
  console.log(rect.height)
}).exec()

这段代码会在页面渲染完成后执行,并在回调函数中输出元素的高度。

目录
相关文章
|
2天前
|
前端开发 测试技术 容器
React 快速实现拖拽改变容器宽高度
React 快速实现拖拽改变容器宽高度
48 0
uniapp轮播图高度随变和左右滑动也获取高度
uniapp轮播图高度随变和左右滑动也获取高度
uniapp滑动到一定的高度后固定某个元素到顶部效果demo(整理)
uniapp滑动到一定的高度后固定某个元素到顶部效果demo(整理)
|
10月前
|
前端开发 容器
封装React组件DragLine,鼠标拖拽的边框改变元素宽度
封装React组件DragLine,鼠标拖拽的边框改变元素宽度
122 0
|
9月前
|
JavaScript
jQuery 获取元素的高度
jQuery 获取元素的高度
133 0
|
JavaScript 小程序 前端开发
uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度
uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度
746 0
|
前端开发
前端项目实战216-拖拽初始盒子设置函数
前端项目实战216-拖拽初始盒子设置函数
54 0
|
iOS开发
iOS开发 - 渐变导航条升级版(判断滚动的方向和改变方向时的位置)
iOS开发 - 渐变导航条升级版(判断滚动的方向和改变方向时的位置)
121 0
iOS开发 - 渐变导航条升级版(判断滚动的方向和改变方向时的位置)
uniapp实现横向滚动样式条
本文讲解,uniapp如何实现横向滚动样式条
1028 0
uniapp实现横向滚动样式条