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

时间:2019-03-06 12:04:12

标签: angular ionic-framework ionic3

我一直在浏览涵盖相同问题的文章,但是大多数文章都是使用javascript完成的。我想在Angular 4和具有讽刺意味的3中完成此操作。

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

1 个答案:

答案 0 :(得分:0)

对于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。