List 如何滚动到离子2中离子列表上的特定位置
我正在使用离子列表,我想滚动到列表的特定位置。我找到了一些答案,我尝试了它们,但在我的情况下不起作用,我的代码如下List 如何滚动到离子2中离子列表上的特定位置,list,ionic-framework,scroll,ionic2,List,Ionic Framework,Scroll,Ionic2,我正在使用离子列表,我想滚动到列表的特定位置。我找到了一些答案,我尝试了它们,但在我的情况下不起作用,我的代码如下 <ion-list *ngFor="let FM of menu;let i = index" [id]="i"> <ion-row no-padding> <ion-col> {{FM.date}} </ion-col> </ion-row> <
<ion-list *ngFor="let FM of menu;let i = index" [id]="i">
<ion-row no-padding>
<ion-col>
{{FM.date}}
</ion-col>
</ion-row>
<ion-row no-padding>
<ion-col>
{{FM.menuItem1Name}}: {{FM.menuItem1}}
</ion-col>
</ion-row>
</ion-list>
但我得到的错误是未捕获(承诺中):TypeError:无法读取null的属性'offsetTop'。有人能帮我解决这个问题吗?你试过用ViewChild来获取元素吗?看,我的更新内容是ViewChild我想在这里获取offsetTop:
让yOffset=document.getElementById('3')。offsetTop
ya,但元素id返回null@SurajRao
@ViewChild(Content) content: Content;
scrollTo() {
let yOffset = document.getElementById('3').offsetTop;
setTimeout(() => {
console.log(" Scroll to id " + yOffset);
this.content.scrollTo(0, yOffset, 500);
}, 1000);
}