如何滚动到离子2中离子列表上的特定位置

时间:2018-03-08 06:04:47

标签: list ionic-framework scroll ionic2

我正在使用离子列表,我想滚动到列表的特定位置我已经找到了一些我尝试过的答案但是在我的情况下不起作用,我的代码如下...

<ion-list *ngFor="let FM of menu;let i = index" [id]="i">

    <ion-row no-padding>
      <ion-col>
        {{FM.date}}
      </ion-col>
    </ion-row>



    <ion-row no-padding>
      <ion-col>
        {{FM.menuItem1Name}}: {{FM.menuItem1}}

      </ion-col>
    </ion-row>

  </ion-list>

打字稿

@ViewChild(Content) content: Content;

    scrollTo() {

        let yOffset = document.getElementById('3').offsetTop;
        setTimeout(() => {
          console.log(" Scroll to id " + yOffset);
          this.content.scrollTo(0, yOffset, 500);
        }, 1000);

      }

但我收到错误未捕获(承诺):TypeError:无法读取属性'offsetTop'为null 。任何人都可以帮我解决这个问题吗?

0 个答案:

没有答案