vue-virtual-scroll-list scrollToOffset

根据提供的引用内容，`vue-virtual-scroll-list`是一个Vue组件，用于实现虚拟滚动列表。它可以提高大型列表的性能，只渲染可见的部分，而不是整个列表。`scrollToOffset`是该组件的一个方法，用于将列表滚动到指定的偏移量。

以下是一个使用`vue-virtual-scroll-list`组件并调用`scrollToOffset`方法的示例：

<template>
  <div>
    <virtual-list ref="list" :data="listData" :size="50" :remain="10">
      <template slot-scope="{ item }">
        <div class="item">{{ item }}</div>
      </template>
    </virtual-list>
    <button @click="scrollToTop">Scroll to Top</button>
    <button @click="scrollToBottom">Scroll to Bottom</button>
  </div>
</template>

<script>
import VirtualList from 'vue-virtual-scroll-list';

export default {
  components: {
    VirtualList
  },
  data() {
    return {
      listData: [] // 假设这里有一个包含大量数据的数组
    };
  },
  methods: {
    scrollToTop() {
      this.$refs.list.scrollToOffset(0);
    },
    scrollToBottom() {
      const totalHeight = this.$refs.list.getTotalHeight();
      this.$refs.list.scrollToOffset(totalHeight);
    }
  }
};
</script>

在上面的示例中，我们使用`vue-virtual-scroll-list`组件来渲染一个虚拟滚动列表。`listData`是一个包含大量数据的数组，`size`属性指定了每个列表项的高度，`remain`属性指定了在可见区域之外保留的列表项数量。

我们还添加了两个按钮，分别用于将列表滚动到顶部和底部。当点击按钮时，我们调用`scrollToOffset`方法并传入相应的偏移量来实现滚动。