AppIonic

ionic-v1 ScrollDelefate API

ionic v1 $ionicScrollDelegate 스크롤 뷰 위치 제어

ionic v1에서 스크롤 위치 이동 제어가 필요한 경우 $ionicScrollDelegate 를 컨트롤러에 의존주입시켜 사용하면 된다.

  • scrollTo(left, top, [shouldAnimate]) // 세번째 인자값은 true일시 스크롤이 애니메이션(모션) 되어 이동한다.

$ionicScrollDelegate API

1
2
3
4
5
<body ng-controller="MainCtrl">
    <ion-content>
        // 컨텐츠 내용
    </ion-content>
</body>
1
2
3
4
.controller('MainCtrl', function($scope, $ionicScrollDelegate) {
    console.log( $ionicScrollDelegate.getScrollPosition().top ); // 현재 스크롤 위치값 반환
    $ionicScrollDelegate.scrollTo(0, 100); // 스크롤 위치 y값 100px 만큼 이동
});

참조

공유하기