uniapp 回到顶部

在uniapp中，要实现回到页面顶部的功能，可以使用uni.pageScrollTo()方法。在该方法中，可以通过设置scrollTop属性的值为0，来将页面滚动到顶部位置。同时，可以设置duration属性来控制滚动动画的时长。具体代码如下所示：

methods: {
  topBack() {
    uni.pageScrollTo({
      scrollTop: 0,
      duration: 300
    })
  }
}

在页面的结构代码中，可以添加一个按钮或者其他触发事件的元素，通过绑定@click事件来调用topBack()方法。当点击该元素时，页面将会滚动到顶部位置。

需要注意的是，这个方法适用于移动端的Uniapp应用，对于PC的网页可能需要根据具体情况进行相应的调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uni-app 如何实现回到页面顶部](https://blog.csdn.net/m0_59006402/article/details/119865363)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [从详情页返回列表页，应该回到顶端？](https://download.csdn.net/download/weixin_38587005/15507839)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]