uni-app判断滚动条是否到底

UniApp 中判断滚动条是否到底可以使用 Vue 的 `v-if` 或者 `ref` 结合 `scroll-bottom` 属性来实现。以下是一个简单的例子：

<template>
  <div ref="scrollContainer" v-if="isBottom">
    <!-- 内容区域 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isBottom: false,
    };
  },
  mounted() {
    const scrollRef = this.$refs.scrollContainer;
    if (scrollRef) {
      scrollRef.addEventListener('scroll', () => {
        const scrollTop = scrollRef.scrollTop;
        const scrollHeight = scrollRef.scrollHeight;
        const clientHeight = scrollRef.clientHeight;

        if (scrollTop + clientHeight === scrollHeight) {
          this.isBottom = true; // 当滚动到底部时，设置 isBottom 为 true
        } else {
          this.isBottom = false; // 否则，滚动到非底部
        }
      });
    }
  },
};
</script>

在这个示例中，当滚动容器滚动到其内容的底端时，`isBottom` 就会被设为 `true`，反之则是 `false`。