UNIAPP----如何设置元素达低高度

如题，希望元素距离顶部一段距离后，剩余页面全部为元素高度，触底，不多也不少。

第一种方法：

用uni.getsysteminfo()获取到屏幕高度，screenheight或者windowheight，

再用uni.createSelectorQuery().select('  这里是你想要获取元素的类名 加 .   ') .boundingClientRect(res=>{

        console.log(res)

}) 获取到你想要的元素距离顶部高度，

总的减去元素距离顶部高度，剩余就是元素本身高度。

第二种：

页面总高度100vh，假设你想要的元素距离顶部 166rpx

那么用scss预编译

.yuansu{

       height: calc(100vh - 166rpx);

}

cale()方法里支出单位不同的计算 ，但是减号 -  前后一定要空格。

剩余高度就是你想要的触底高度，我试过再不同尺寸下没大问题，ipad除外。