有没有办法让Vuetify v-carousel移动到滚动条上的下一项？

<template>
  <div>
    <div class="carousel-container" v-scroll="onScroll">
      <v-carousel v-model="activeItem" hide-delimiters>
        <v-carousel-item v-for="(item, index) in items" :key="index">
          <!-- Your carousel content here -->
        </v-carousel-item>
      </v-carousel>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeItem: 0, // 当前激活的项
      items: [ /* 轮播项的数据 */ ]
    };
  },
  methods: {
    onScroll() {
      // 计算滚动条位置
      const container = document.querySelector('.carousel-container');
      const scrollPosition = container.scrollTop / container.scrollHeight;

      // 判断滚动条是否接近底部
      if (scrollPosition >= 0.9) {
        // 切换到下一项
        this.activeItem = (this.activeItem + 1) % this.items.length;
      }
    }
  }
};
</script>

<style>
.carousel-container {
  height: 400px; /* 设置容器的高度 */
  overflow: auto; /* 显示滚动条 */
}
</style>