使用vue js vue-virtual-scroller插件时如何从特定的滚动位置开始？

Question

我在不同的选项卡上使用 Akryum/vue-virtual-scroller 插件，如何以编程方式强制 vue-virtual-scroll 从特定的滚动位置开始？

Answer 1

您可以使用 offset 或 start 属性 : https://github.com/tangbc/vue-virtual-scroll-list#props-type

Answer 2

我找到了 2 种方法 scrollToPosition 和 scrollToItem（文档中未提及），这可能就是您正在寻找的方法。

您可以在 RecycleScroller 和 DynamicScroller 组件上使用 scrollToItem。

因为 scrollToPosition 只能在 RecycleScroller 上使用，但您可以通过 $ref 获得 RecycleScroller 组件并使用它。

Example

Answer 3

使用getListenerTarget()

假设你说的是 Akryum/vue-virtual-scroller

scrollToPosition 和 scrollToItem 对我不起作用，所以这里有一个替代方案。

我们使用 getListenerTarget() method to get the dom element and then scroll using the native scrollTop 方法。

export default {

  methods: {
    scrollIt() {
      let scroller = this.$refs.virtualScroller.getListenerTarget()
      scroller.scrollTop = 200
    }
  }

}

<!-- Options have been left out for brevity -->
<RecycleScroller ref="virtualScroller">
  <!-- ... -->
</RecycleScroller>