滚动到网格顶部

【问题标题】：Scroll to top of grid滚动到网格顶部
【发布时间】：2021-05-04 19:49:02
【问题描述】：

我一直在研究这个，但似乎没有任何效果。我正在使用 Ionic 5 和 angular 8。我有一个 div，其中有一个 ion-grid 显示我的查询结果。在底部我有分页。我的问题是，当您单击转到另一页结果时，angular 会向下一页发送服务器端请求并成功加载，但该页面仍位于分页所在页面的底部。我希望它在加载新页面时回到列表顶部。进一步复杂化（我假设）是我的工具栏和我认为的“粘性”标题行（离子行）使页面认为它已经滚动到顶部。我已经在我的角度代码中的窗口和 div 上尝试了 scrollTo，但它没有效果。

请帮忙

【问题讨论】：

标签： angular ionic-framework

【解决方案1】：

我最终解决了这个问题，将整个 div 和网格放入 ion-content 标记中，并将 scrollevents 设置为 true。然后我使用@ViewChild 来引用内容元素，并在我的角度代码中调用 this.content.scrollToTop

HTML：

<ion-content [scrollEvents]="true" #RecordList>
  <div>...</div>
</ion-content>

角度：

import { IonContent} from '@ionic/angular';
export class MyPage implements OnInit  {
    @ViewChild('RecordList',{ static: false}) content: IonContent;
    ...
    scrollTop  {
       this.content.scrollToTop(1500);
    }

This link assisted me

【讨论】：