javascript - 如何向下滚动到 Scrollview 中包含的列表的特定索引？(Nativescript-vue)

Question

我正在使用nativescript-vue.

我有一个包含在 Scrollview 中的列表（包含在 Tabview 中）。当我的应用程序转到此选项卡时，我希望 Scrollview 向下滚动到包含的列表的特定索引。

我试过这个：

<ScrollView id="ScrollView" @loaded="onLoaded">
    <ListView for="item in items" class="list-group">
     ...

onLoaded() {         
this.$refs.page.nativeView.getViewById("ScrollView").scrollToVerticalOffset(200, false);
}

无论 offset 参数的值如何，这都不起作用。

我错过了什么吗？

先感谢您。

标签： javascriptscrollviewnativescriptnativescript-telerik-uinativescript-vue

Answer 1

将 ListView 包装在 ScrollView 中是错误的，因为 ListView 本身是可滚动的。您可以在 RadListView 上使用scrollToIndex向下/向上滚动到特定索引。

// Scrolls to 50th index
listView.scrollToIndex(50);

在调用此方法之前，还要确保在 UI 上填充您的项目。我认为您应该为此使用dataPopulatedEvent。