javascript - 即使向上滚动，AngularJS 无限滚动调用功能

Question

我正在使用来自 http://binarymuse.github.io/ngInfiniteScroll 的无限滚动v1.1.0。 我有一个表格，其内容将在用户向下滚动时动态加载。

我在这个 plunk 中做了同样的事情它将数据推送到显示在 div 中的数组中，并且按预期工作正常。

当我尝试在其他页面上执行相同操作时，showMore() 函数不仅会在向下滚动时被调用，还会在向上滚动时被调用。 这里是表的结构。

<table>
    <thead>
        <tr>
            <th>Some heading</th>       
            <th>Some other heading</th>
        </tr>
    </thead>
    <tbody>
      <div infinite-scroll="showMore()" infinite-scroll-distance="3" infinite-scroll-disabled='infiniteScrollDisabled'>
        <tr ng-repeat="r in report">
            <td>{{$index}}</td>    
            <td">{{r.someData}}</td>
        </tr>
      </div>
    </tbody>
</table>

我不明白为什么即使在向上滚动时也会调用 showMore() 函数。跟表结构有关系吗？

Answer 1

解决方法是移动 <div infinite-scroll="showMore()" infinite-scroll-distance="3" infinite-scroll-disabled='infiniteScrollDisabled'>

在<table>.....</table>之外标签。