Question

我正在使用ng-router创建一个SPA，我需要在ng-view中的一个站点上使用无限滚动，但是当ngInfiniteScroll没有被触发时我感到有些困惑。所以我试着在没有运气的情况下自己做。

为简单起见：

index.html

<html ng-app="myApp">
...
<div ng-view id="whyDoYouWontScroll"> </div>

pageToLoad.html

<section ng-controller="someLazyCtrl" ng-init="initLazyLoad()"> 
    <div class="classWithSomeTremendousHeight"></div>
<section>

someLazyCtrl.js

angular.module('myApp').controller('someLazyCtrl',function($scope){
    $scope.initLazyLoad = function(){
        document.getElementById('whyDoYouWontScroll').addEventListener('scroll',function(){
            console.log('It's working!');
        });
    }
}

正确添加事件侦听器，ng-view部分有足够的高度可以滚动，但是...事件未触发。

我在这里环顾四周，发现this topic但使用ng-include对我来说不是解决方案。

Answer 1

gillsec谢谢你的回答。你是对的。问题在于一些flexbox，它表明容器已经滚动到最低点。

ng-view和scroll事件

1 个答案: