uniapp 如何判断div底部距离屏幕底部距离

判断 div 底部距离屏幕底部的距离，可以使用uniapp中的`uni.getSystemInfo()`方法获取屏幕高度，再结合`uni.createSelectorQuery()`方法获取节点信息，计算出 div 底部距离屏幕底部的距离。

具体实现步骤如下：

1. 在 div 标签上添加 id 属性，例如：`<div id="myDiv"></div>`

2. 在页面中使用 `uni.createSelectorQuery()` 方法获取节点信息，并使用 `boundingClientRect()` 方法获取节点位置信息，代码如下：

uni.createSelectorQuery().select('#myDiv').boundingClientRect((rect) => {
   console.log(rect.bottom); // 输出 div 底部距离屏幕顶部的距离
}).exec();

3. 在 `boundingClientRect()` 方法的回调函数中，可以获取到节点的位置信息，其中 `rect.bottom` 表示节点底部距离屏幕顶部的距离。

4. 使用 `uni.getSystemInfo()` 方法获取屏幕高度，代码如下：

uni.getSystemInfo({
  success: function (res) {
    console.log(res.windowHeight - rect.bottom); // 输出 div 底部距离屏幕底部的距离
  }
});

5. 在 `uni.getSystemInfo()` 方法的回调函数中，可以获取到屏幕的高度，通过计算屏幕高度和 `rect.bottom` 的差值，即可得到 div 底部距离屏幕底部的距离。