将列表滚动到离子2中的特定项目

时间:2016-05-04 17:37:24

标签: angularjs ionic-framework angular ionic2

在离子2 beta 6中,我试图滚动到卡片列表中的特定卡片:

<ion-card  *ngFor="#item of items" [attr.id]="item.name" >

为了做到这一点,我正在使用生命周期钩子onPageDidEnter,这样当页面完全进入时我会滚动滚动(如per the docs)。我的代码如下所示:

onPageDidEnter() {

  var el = document.getElementById(this.currentItem);
  if (el !== null) {
    el.scrollTop=0;
  }
}

当我调试时,我可以看到视图在el.scrollTop=0之后如何滚动到项目,但是当我继续执行时,视图以某种方式返回到顶部并拒绝保留在当前项目中。

我还尝试了其他几个角度2和离子2钩子,但行为保持不变;有没有我在这里看不到的东西?

0 个答案:

没有答案