ionic锚点操作

ionic锚点操作

当想滚动到某个位置，可以给该位置一个id，称为锚点，如：

<div id="A"></div>

<div *ngFor="let item of list" (click)="scrollIntoView(item)">{{item}}</div>

然后在ts里调用下述方法即可，调用前确保html渲染完成：

list = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];

scrollIntoView(id: string){
    let element = document.getElementById(id);
    if(element){
      element.scrollIntoView();
    }
  }