ngInfiniteScroll (무한 스크롤)이 휴대 기기에서 작동하지 않는 이유는 무엇입니까?

Question

가 나는 각도 무한 스크롤 모바일 기기에서 작동하지 않는 문제에 직면 한 - 샤오 미 Redmi 주 4와 삼성 갤럭시에서 테스트 4.

내 코드는 IOS PC와 에 제대로 작동 기기 :

문제는 휴대 기기에서만 재생됩니다.

누군가 같은 문제에 직면했을 수 있습니까? 나에게 뭔가 제안 해 줄 수있어?

$scope.loadNews = function() { 
    if ($scope.position > $scope.allNews.length) return; 
    if ($scope.allNews.length > $scope.news.length) { 
    var partOfNews = $scope.getPartOfEntities($scope.newsPosition, $scope.scrollNewsCount, 0); 
    for (var i = 0; i < partOfNews.length; i++) { 
     $scope.news.push(partOfNews[i]); 
    } 
    } 
}; 

<div ng-hide="showSpinner"> 

    <div infinite-scroll='loadNews()' infinite-scroll-distance='0.5'> 
    <hr> 
    <news data="news"></news> 

    </div> 

</div> 

 handler = function() { 
 
      var elementBottom, remaining, shouldScroll, windowBottom; 
 
      windowBottom = $window.height() + $window.scrollTop(); 
 
      elementBottom = elem.offset().top + elem.height(); 
 
      remaining = elementBottom - windowBottom; 
 
      shouldScroll = remaining <= $window.height() * scrollDistance; 
 
      if (shouldScroll && scrollEnabled) { 
 
      if ($rootScope.$$phase) { 
 
       return scope.$eval(attrs.infiniteScroll); 
 
      } else { 
 
       return scope.$apply(attrs.infiniteScroll); 
 
      } 
 
      } else if (shouldScroll) { 
 
      return checkWhenEnabled = true; 
 
      } 
 
     }; 
 

 
      var applied = false; 
 
      var touchmover = function() { 
 
       if (! applied) { 
 
        applied = true; 
 
        $window.on('touchend', handler); 
 
       } 
 
      }; 
 

 
      $window.on('touchmove', handler); 
 
      scope.$on('$destroy', function() { 
 
       $window.off('touchend', handler); 
 
       applied = false; 
 
       return $window.off('touchmove', touchmover); 
 
     });

Answer 1

당신은 내 질문이 ngInfiniteScroll하기 위해 최선을 다하고 있습니다

$('#news').bind('scroll', function(){ if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight){ //alert(1); loadNews(); } });