1 通过uni.createSelectorQuery() 来实现,
注意:要获得的高度,是在页面上dom已经渲染完成之后才能获得
我使用的是页面生命周期 onReady()中调用的
let _this = this;
const query = uni.createSelectorQuery()
query.select('#tab').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function(res){
debugger
// res[0].top // #tab节点的上边界坐标
// res[1].scrollTop // 显示区域的竖直滚动位置
_this.height=resu.windowHeight-res[0].top +'px'
console.log('高度',res[0].height);
console.log('demo的元素的信息',res);
})
我是用于实现页面滚动后把列表的导航条吸附在顶部,在微信小程中使用有效,在app端使用这个方法不能获取到距离顶部的高度,只有demo元素的信息