ion-scroll滚动到底部事件

部分代码块

          device-width on-scroll="onScroll()">
           

               

                   
• 
                     
                                                   image-preview="{{imgs.images}}" multiple="true" index="{{$index}}">
                     

               

           

       

1.首先获取元素的高度 当前滚动列表的整体高度 

var imagesScroll= document.getElementById("images-scroll");//原生的方法获取dom

2.ion-scroll绑定on-scroll事件 

  $scope.onScroll = function () {
        $scope.imagesposition = $ionicScrollDelegate.$getByHandle('mainScroll').getScrollPosition();
        if ($scope.imagesposition) {         
           // console.log(parseInt($scope.imagesposition.top))

//当前滚动的总高度减去页面其他部分的高度
            $scope.imagesscrollDown=angular.element(imagesScroll)[0].offsetHeight-550;


             //console.log($scope.imagesscrollDown)

//做对比
             if(parseInt($scope.imagesposition.top) >= $scope.imagesscrollDown){
              Xalert.loading('该章节已学完');
                sourseEvent.completed(course_id, chapterid, 2); 
             }else{
              sourseEvent.completed(course_id, chapterid, 1, 0.5);
             }
        }


    }