如何在Ionic App中从ngFor滚动到特定行

问题描述

伙计,

我有一个离子应用程序,可以将来自不同来源的提要呈现给用户(想想Instagram)。在登录页面中,用户可以看到每个提要的摘要。有一个提要页面,其中显示了所有提要的垂直滚动视图。如果用户单击登录页面中的提要,则将其带到提要页面。到现在为止还挺好。但是在提要页面中,我想向下滚动到用户单击的确切提要(基于一些可以轻松设置的变量-例如FeedId或类似名称)。如果我仅在供稿页面中显示一个供稿,那么当我将feedId传递到供稿页面并显示它时,它的工作原理就像魅力。但是我的供稿页面包含所有供稿,并且我可以将feedId传递给该页面。但我不知道如何使离子滚动到特定的进料,该进料可能是顶部的第三进料,第一进料,第100进料,任何进料...。

这里有一些代码可供参考:

着陆页.html

<ion-grid>
<ion-row class="row-card">
<ion-col size="4" class="col-card" *ngFor="let i of userposts">
<ion-card class="card-service">
<img class="img-service" [src]="i.mainUrl" [alt]="i.description" (click)="open-feeds-page(i.userPostId)">
</ion-card>
</ion-col>
</ion-row>
</ion-grid>

我的Feeds.html

<ion-card #divs *ngFor="let feed of userFeed;"   >
<ion-card-content >
<img [src]="feed.mainPhoto">
</ion-card-content>
</ion-card>

在“我的Feeds.Ts”中-我希望能够滚动查看页面中的特定Feed。我不想为每个提要使用offset,因为内容是动态的,每个提要的高度都可以变化。

请帮助。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...