uniapp 获取多个元素高度变化
·
如果你想获取 uni-app 中的多个元素的高度变化，你可以使用 uni-app 的页面事件 "onPageScroll"。这个事件会在页面滚动时触发，每次触发时都会返回一个 object，其中包含了当前页面的滚动位置信息。
你可以在页面的 data 中定义一个变量来记录当前页面的滚动位置，然后在 "onPageScroll" 事件的回调函数中更新这个变量的值。然后你就可以在页面的 template 中使用这个变量来控制元素的高度了。
例如，你可以在页面的 data 中定义一个变量 "scrollTop" 来记录当前页面的滚动位置：
data: {
scrollTop: 0
}
然后在 "onPageScroll" 事件的回调函数中更新 "scrollTop" 的值：
onPageScroll: function(e) {
this.scrollTop = e.scrollTop;
}
最后，你可以在 template 中使用 "scrollTop" 来控制元素的高度：
<template>
<view>
<view style="height: {{scrollTop}}px">这是一个高度变化的元素</view>
</view>
</template>
希望这对你有帮助！
北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台
更多推荐
0
0- 0
已为社区贡献21条内容
所有评论(0)