滚动到水平滚动条中的特定元素- Ionic-2/3

<ion-scroll scrollX="true">
  <!-- 水平滚动内容 -->
</ion-scroll>

<ion-scroll scrollX="true">
  <div id="specific-element">特定元素</div>
  <!-- 其他内容 -->
</ion-scroll>

import { Component, ViewChild } from '@angular/core';
import { IonScroll } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  @ViewChild(IonScroll) scroll: IonScroll;

  scrollToSpecificElement() {
    const element = document.getElementById('specific-element');
    this.scroll.scrollToPoint(element.offsetLeft, 0, 500);
  }
}