getgaodu(){
const query = uni.createSelectorQuery().in(this);
query.select(".huadongquyu")//这里是类名称或者id名称(#id)
.boundingClientRect((data) => {
console.log("得到布局位置信息" + JSON.stringify(data));
uni.getSystemInfo({
success:(res)=>{
this.height = res.windowHeight - data.top;//height就是定义在data里面的变量最后使用样式绑定就可以了
console.log('最后的高度',this.height);
},
});
}).exec();
},
这里可以使用第二种方法(flex)
- 父元素设置
display:flex
,纵向布局flex-direction:column
,height:100vh
,溢出隐藏overflow:hidden
在需要计算的区域加上 flex: 1; height: 0; overflow-y: scroll;
这块区域就是可以滑动的区域了