我想滚动到页面顶部，因为我的列表包含一长串数据，我该怎么做？

Posted 2023-03-05

【中文标题】我想滚动到页面顶部，因为我的列表包含一长串数据，我该怎么做？

【英文标题】：I want to scroll to the top of the page as my list contains a long list of data, how do i do this?

【发布时间】：2019-07-28 02:17:55

【问题描述】：

我一直在阅读涵盖相同问题的文章，但其中大多数都是使用 javascript 完成的。我想在 Angular 4 和 Ironic 3 中实现这一点。

我们将非常感谢您的帮助。

【问题讨论】：

Scroll to element on click in Angular 4的可能重复

【参考方案1】：

对于 Ionic 2 及更高版本，请在内容类上使用 scrollToTop() 方法。

page.html

<ion-content>
  Add your content here!
</ion-content>

page.ts

import  Component, ViewChild  from '@angular/core';
import  Content  from 'ionic-angular';

@Component(...)
export class MyPage
  @ViewChild(Content) content: Content;

  scrollToTop() 
    this.content.scrollToTop(400);
  

或者你可以随时调用scrollTop()。 注意：400 是以毫秒为单位的持续时间，它是可选的，你也可以使用它

this.content.scrollToTop();

在这种情况下，scrollToTop() 将设置默认值 300。