Ionic - ページの要素にスクロール

Question

私はトップに含まれているリンクを含む用語ページを持っています。これらのリンクの目的は、に属するページ要素にスクロールすることです。

これをコンポーネントから動的に実行する方法はありますか？

Answer 1

最終的には、任意の座標にスクロールできるようにするscrollTo() methodがあります。私はこのようなメソッドを使用する必要があり、私のコンポーネントで

：

export class TermsComponent { 
    @ViewChild(Content) content: Content; 

    scrollTo(elementId: string) { 
     let y = document.getElementById(elementId).offsetTop; 
     this.content.scrollTo(0, y); 
    } 

} 

scrollTo()はあなたにスクロールしたい要素のidの引数を取得します。私のテンプレートで

：

<a (click)="scrollTo('section1')">Section 1</a> 
<p id="section1"><b>1. The first element you want to scroll</b></p>