목록Ionic angular router page changed scrollTop (1)

깜놀하는 해므찌로

Ionic angular router page changed scrollTop / 페이지 이동 시 최상단 고정 예시

viewChild 선언 id="main" style="width: 100%; height: 100%" [scrollEvents]="true" (ionScroll)="ionScroll($event)" > -> 페이지 이동 시 메소드 연결 1. #content -> viewChild 를 활용하기 위해 선언합니다. 2. router-outlet (active) 액티브한 순간 시점을 잡아내기 위해 메소드를 연결합니다. @ViewChild(IonContent) content!: IonContent; onActivate(e: any) { this.content.scrollToTop(); } 3. 페이지가 이동하는 순간 ViewChild 로 받은 현재의 페이지 스크롤을 최상단으로 이동시킵니다.
IT 2023. 7. 10. 18:34
이전 Prev 1 Next 다음