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

在Uniapp中，可以使用 `uni.createSelectorQuery()` 方法创建一个查询对象，然后通过 `select()` 或 `selectAll()` 方法选择要查询的元素，最后使用 `boundingClientRect()` 方法获取该元素的位置信息，再结合页面或组件的高度信息，就可以计算出该元素距离底部的距离。

例如，在模板中定义一个 `div` 元素：

<div id="my-div">Hello World!</div>

在对应的页面或组件中，可以使用以下代码获取该元素距离底部的距离：

// 获取页面或组件的高度
const windowHeight = uni.getSystemInfoSync().windowHeight

// 创建查询对象，选择要查询的元素
uni.createSelectorQuery().select('#my-div').boundingClientRect(function(rect){
  // 计算该元素距离底部的距离
  const bottomDistance = windowHeight - rect.bottom
  console.log(bottomDistance)
}).exec()

其中，`windowHeight` 表示页面或组件的高度，`rect.bottom` 表示该元素底部距离页面或组件顶部的距离，因此 `windowHeight - rect.bottom` 就是该元素距离底部的距离。