ngInfiniteScroll滚动未触发

Question

我正在尝试使用来自https://github.com/sroze/ngInfiniteScroll/tree/1.0.0的nginfiniteScroll。我可以全部阅读，但我在触发滚动时遇到了一些问题。当我为滚动框创建一个容器时，无限滚动效果很好。但是当我把它从容器里拿出来，只用一个身体，我看不到它能滚动。我创建了我的代码的一部分，但它似乎在该部分中工作得很好，这真的让我感到困惑。

在我自己的代码中，我有类似这样的东西

<style>#list-wrapper{
max-height: 400px;
overflow-y: scroll;

margin-top: 20px;
border: solid 1px black;
 }

 h4{
padding: 20px;
 }</style>

<div class="panel-content" data-ng-controller="DashboardCtrl">

<div>
    <div class="list" infinite-scroll='loadMore()'
         infinite-scroll-distance='2'>
        <div class="header">
        </div>
        <div class="list-table">
            <table class="table">
                <tbody>
                    <tr ng-repeat="item in infiniteList">
                        <td style="width:100%">
                            <div>{{item}}</div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style='clear: both;'></div>
    </div>
</div>

<h4>{{scrollTriggered}}</h4>
</div>

和我的脚本

 .controller("DashboardCtrl", ["$scope",
function ($scope) {

$scope.infiniteList = [];
$scope.incr = 1;

$scope.scrollTriggered = "";

$scope.loadMore = function () {

    $scope.scrollTriggered += "\n Scroll Triggered"
    for (var i = 0; i < 30; i++) {
        $scope.infiniteList.push("Item " + $scope.incr);
        $scope.incr += 1;
    }
};
 }
 ])

最终看起来是这样的

并且不触发在我的plunkr中所示的滚动功能。

http://plnkr.co/edit/c29ZcoofTqgPXoRpmFbk?p=preview

任何帮助都将不胜感激

Answer 1

所以这显然是一个奇怪的答案，因为我真的没有想到。因为我有一个完整的谷歌地图页面，所以我使用的.html标记是

.html{
height 100%;
}

这会导致一些错误，因为它会触发滚动。因此，我根本不能滚动。取消高度限制后，它可以滚动。