Angular Ionic ScrollTop

agnusdei·2023년 7월 5일
0
<ion-content
    #content -> viewChild 선언
    id="main"
    style="width: 100%; height: 100%"
    [scrollEvents]="true"
    (ionScroll)="ionScroll($event)"
  >
    <!-- flex -->
    <div class="flex flex-col w-full h-full">
      <!-- header -->
      <app-header class="fixed z-40 w-full" (menu)="menu.open()" />
      <!-- content -->
      <router-outlet (activate)="onActivate($event)"></router-outlet> -> 페이지 이동 시 메소드 연결
      <!-- footer-->
      <app-footer class="z-10 w-full" />
    </div>
  </ion-content>
  @ViewChild(IonContent) content!: IonContent;
  
  
  onActivate(e: any) {
    this.content.scrollToTop();
  }

0개의 댓글