이오닉 - 페이지 요소로 스크롤

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>