如何在vuetify中以编程方式滚动元素而不是页面

<div v-scroll-y>
  <!-- 滚动内容 -->
</div>

<template>
  <div>
    <div ref="scrollContainer" v-scroll-y>
      <!-- 滚动内容 -->
    </div>
    <button @click="scrollToBottom">滚动到底部</button>
  </div>
</template>

<script>
export default {
  methods: {
    scrollToBottom() {
      this.$refs.scrollContainer.scrollTop = this.$refs.scrollContainer.scrollHeight;
    },
  },
};
</script>

<template>
  <div>
    <div ref="scrollContainer" v-scroll-y>
      <!-- 滚动内容 -->
    </div>
    <button @click="scrollToBottom">滚动到底部</button>
  </div>
</template>

<script>
export default {
  methods: {
    scrollToBottom() {
      this.$refs.scrollContainer.scrollTop = this.$refs.scrollContainer.scrollHeight;
    },
  },
};
</script>