ionic-framework - Ionic - 滚动到特定元素 Virtual Scroll

Question

我有以下代码。

主页.html：

<ion-list [virtualScroll]="newDates" approxItemHeight="50px">
<ion-item *virtualItem="let date" id="i">
{{date.holiday}}
</ion-item>
</ion-list>

home.ts:

scrollTo(){
let yOffset = document.getElementById('25').offsetTop;
this.content.scrollTo(0, yOffset);
}

例如我必须向下滚动到 i=25

以下方法适用于没有VirtualScroll的普通列表。

VirtualScroll 不显示在视图上看不到的元素，因此我们得到一个错误 yOffset is null

标签： ionic-frameworkvirtualscroll

Answer 1

ionic 包含的虚拟滚动组件是一个非常奇怪且漏洞百出的组件。在我什至开发的应用程序中，我尝试使用它，但最终我更喜欢使用angular2-virtual-scroll。我认为您可以尝试使用此组件，而不是您正在使用的当前组件。