uniapp实时获取页面内容距底部的高度
时间: 2023-08-06 18:10:07 浏览: 85
uni-app 组件里面获取元素宽高的实现
你可以通过uni-app提供的API来获取当前页面的滚动高度,以及页面的总高度,然后计算出当前页面内容距离底部的高度。具体实现可以参考以下代码:
```javascript
// 获取页面滚动高度
let scrollTop = uni.getStorageSync('scrollTop');
// 获取页面总高度
uni.createSelectorQuery().selectViewport().boundingClientRect(data => {
let scrollHeight = data.scrollHeight;
let windowHeight = uni.getSystemInfoSync().windowHeight;
// 计算当前页面内容距离底部的高度
let bottomHeight = scrollHeight - scrollTop - windowHeight;
console.log('距离底部高度:', bottomHeight);
}).exec();
```
其中,`uni.getStorageSync('scrollTop')`可以获取到页面滚动的高度,`uni.createSelectorQuery().selectViewport().boundingClientRect()`可以获取到当前页面的总高度和窗口高度。然后再通过计算,就可以得到当前页面内容距离底部的高度了。
阅读全文