uniapp:scroll-view触底加载返回顶部

UniApp 的 ScrollView 组件提供了一个 `scroll-top` 的属性，你可以利用这个属性实现触底加载（Load More）的效果。当用户滚动到底部时，可以监听 `scrolltolower` 或 `scrolltoupper` 事件，判断当前的滚动位置是否接近或达到底部的边界值。如果是，则触发数据加载请求，并在数据加载完成后更新 `scroll-top` 属性，使其回到顶部，通常会留出一些空白区供新的内容填充。

以下是简单的步骤：

1. 设置初始 `scroll-top` 为视图的高度减去底部缓冲区的距离，以便数据加载后能自动回弹到可视区域上方。

<view class="scroll-view" scroll-top="{{scrollTop}}" @scrolltolower="loadMore">

2. 定义 `loadMore` 方法，在这个方法里，检查滚动位置并处理加载更多操作：

data() {
  return {
    scrollTop: this.$refs.scrollView.scrollHeight - this.bottomBuffer // 底部缓冲距离
  };
},
methods: {
  loadMore() {
    if (this.scrollTop <= this.bottomBuffer) { // 判断是否已到底部
      this.loadNewData(); // 加载新数据
      this.scrollTop = this.$refs.scrollView.scrollHeight; // 更新滚动位置
    }
  },
  loadNewData() {
    // 发送网络请求，假设返回的是新数据数组
    this.newDataArr.push(...newData);
    // 更新界面展示的新数据
    this.$apply();
  }
}

这里的 `bottomBuffer` 可以根据需求自定义，一般设置一个小于视口高度的数值。