uniapp scroll-view自动循环滚动

UniApp 的 ScrollView 组件默认不会自动循环滚动，如果你想要实现这种无缝滚动的效果，你可以通过监听 ScrollView 的滚动事件，并手动调整视图的位置来模拟循环滚动。以下是一个简单的示例：

<template>
  <scroll-view class="scroll-view" @scrolltoupper="onScrollToUpper" @scrolltolower="onScrollToLower">
    <!-- 你的内容列表 -->
  </scroll-view>
</template>

<script>
export default {
  methods: {
    onScrollToUpper(e) {
      // 当滚动到底部时，将滚动位置设置回顶部
      this.$refs.scrollView.scrollTo({
        top: 0,
        duration: 0 // 或者自定义滚动速度
      });
    },
    
    onScrollToLower(e) {
      // 当滚动到顶部时，将滚动位置设置回底部
      this.$refs.scrollView.scrollTo({
        bottom: this.contentList.length * itemHeight, // 假设itemHeight是每个项目的高度
        duration: 0
      });
    }
  }
}
</script>

<style scoped>
.scroll-view {
  height: 400px; // 设置合适的高度
}
</style>

在这个例子中，你需要确保`contentList`是你滚动内容的数组，`itemHeight`是每个项目的内容高度。当用户滚动到底部时，`onScrollToLower`会触发，将滚动位置移到列表的第一个元素；当滚动到顶部时，`onScrollToUpper`会触发，将位置移到最后一个元素。