Angular 滚动到网格顶部

Angular 滚动到网格顶部,angular,ionic-framework,Angular,Ionic Framework,我一直在研究这个问题,但似乎没有任何效果。我用的是离子5和角8。我有一个div,里面有一个离子网格,显示我的查询结果。在底部我有分页。我的问题是,当您单击转到另一个结果页面时,angular会发送下一个页面的服务器端请求,并成功加载,但该页面仍保留在页面底部的分页位置。我希望在加载新页面时,它返回到列表的顶部。 更复杂的是(我想)我的工具栏和一个“粘滞”的标题行(离子行),我认为这使页面认为它已经滚动到顶部。我尝试在angular代码中滚动窗口和div,但没有效果 请帮助我最终解决了这个问题,将

我一直在研究这个问题,但似乎没有任何效果。我用的是离子5和角8。我有一个div,里面有一个离子网格,显示我的查询结果。在底部我有分页。我的问题是,当您单击转到另一个结果页面时,angular会发送下一个页面的服务器端请求,并成功加载,但该页面仍保留在页面底部的分页位置。我希望在加载新页面时,它返回到列表的顶部。 更复杂的是(我想)我的工具栏和一个“粘滞”的标题行(离子行),我认为这使页面认为它已经滚动到顶部。我尝试在angular代码中滚动窗口和div,但没有效果


请帮助

我最终解决了这个问题,将整个div和网格放入一个离子内容标签中,并将scrollevents设置为true。然后我使用@ViewChild引用content元素,并在我的angular代码中称为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);
    }