ionic 监听滚动 回到顶部

<ion-content delegate-handle="babyScroll" style="top:108px;" ng-show="babyListShow" on-scroll="onScroll('baby')">
</ion-content>
<div style="position: fixed;right: 20px;bottom:100px;" ng-show="babyTopShow" ng-click="top('baby')">回顶</div>
$scope.onScroll=function(page){
      var top=$ionicScrollDelegate.$getByHandle(page+'Scroll').getScrollPosition().top;
      $scope.$apply(function(){
        $scope[page+'TopShow']=top>300?true:false;
        console.log(page+'TopShow')
      });
    };
$scope.top=function(page){
    $ionicScrollDelegate.$getByHandle(page+'Scroll').scrollTop(true);
};

有多个页面需要此功能,所以以传页面参数的方式实现。

posted @ 2018-08-31 08:22  cao_zhen  阅读(301)  评论(0编辑  收藏  举报