微信小程序scroll-view自动滚到顶

### 微信小程序 `scroll-view` 自动滚动到顶部解决方案

#### 使用 `wx:if` 控制显示隐藏并配合定时器实现刷新重置位置
为了确保 `scroll-view` 的滚动条能够正确返回顶部，在重新加载数据时可以通过 `wx:if` 来控制整个 `scroll-view` 或者其内部容器的显隐状态。具体做法是在更新数据前先隐藏该区域，等待短暂延时后再将其设为可见。

<view>
  <!-- 列表 -->
  <scroll-view wx:if="{{isShow}}" scroll-y="true">
    {{listData}}
  </scroll-view>
</view>

在 JavaScript 文件中：

Page({
  data: {
    isShow: false,
    listData: []
  },
  
  onLoad() {
    // 加载初始数据后开启显示
    setTimeout(() => {this.setData({isShow: true})}, 100);
    
    // 模拟网络请求获取新数据后的操作
    function fetchData(){
      let newData = /* 新的数据 */;
      
      this.setData({
        isShow: false,       // 隐藏以准备刷新
        listData: []         // 清空旧数据防止闪烁
      });
      
      // 延迟一段时间再恢复显示
      setTimeout(() => {
        this.setData({
          isShow: true,
          listData: newData
        })
      }, 100);              
    }
  }
})

这种方法利用了视图层渲染完成的时间差来达到让 `scroll-view` 返回顶部的效果[^3]。

#### 调整 `scrollTop` 属性值触发滚动变化
另一种方式是直接修改 `scroll-view` 组件上的 `scrollTop` 参数。需要注意的是，当设置此属性为零时不一定会有效果，而采用一个小于等于一但不为零的小数值（如 `0.1`），则能成功触发展开新的滚动行为。

<scroll-view id="scrollView" bindscrolltolower="loadMore" scrollTop="{{scrollTop}}">
  ...
</scroll-view>

对应的 JS 处理逻辑如下所示：

Page({
  data:{
    scrollTop: 0.1
  },

  onPullDownRefresh(){ 
    // 下拉刷新事件处理器
    
    // 更新数据源...
    
    // 完成后调用 stopPullDownRefresh 并调整 scrollTop
    wx.stopPullDownRefresh();
    this.setData({scrollTop: 0.1});
  }   
})

这种方式简单易行，适用于大多数场景下的需求。