uniapp点击回到顶部

UniApp是一款基于Vue.js的跨平台框架，它允许开发者编写一套代码，生成适用于Android、iOS、Web等平台的应用。如果你想在UniApp应用中实现“点击回到顶部”的功能，通常可以在页面底部设置一个返回顶部的按钮，或者通过JavaScript监听滚动事件，当滚动到一定高度时触发回到顶部的动作。

这里是一个简单的示例：

<!-- 页面头部 -->
<template>
  <view class="back-to-top" @click="goToTop">顶部</view>
</template>

<script>
export default {
  methods: {
    goToTop() {
      const top = document.documentElement.scrollTop || document.body.scrollTop;
      if (top > 0) {
        window.scrollTo(0, 0); // 移动到顶部
      }
    },
  },
  onReady() {
    this.goToTop(); // 初始时就检查并自动定位到顶部
    window.addEventListener('scroll', this.goToTop); // 监听滚动事件
  },
  onUnload() {
    window.removeEventListener('scroll', this.goToTop); // 应该在离开页面时移除监听
  },
}
</script>

<style scoped>
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  background-color: #fff;
  color: #333;
  padding: 5px 10px;
  border-radius: 4px;
}
</style>