ion-scroll滚动到底部事件

部分代码块

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

                   
• 
                      {img}}" image-lazy-background-image="true"-->
                                                   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);
             }
        }


    }

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！