容器中的angularjs无限滚动

Question

我正在尝试使用angularjs无限滚动
它似乎仅在滚动相对于浏览器窗口有效。

我想在内部DIV中进行无限滚动，即我有一个带有通用包装和内部div的页面，用于显示实际内容。

包装页面设置为经过整个窗口，因此它永远不会滚动。但是包含内容的内部div具有自己的滚动条。

如何使无限滚动相对于内部内容div滚动条起作用？

Answer 1

万一有人搜索相同内容并来到这里-这里是有用的链接：

https://github.com/BinaryMuse/ngInfiniteScroll/pull/7（请求和讨论）

https://github.com/hlsolutions/ngInfiniteScroll/tree/scroll-on-any-
lement
（具有必要功能的叉子）

https://raw.github.com/hlsolutions/ngInfiniteScroll/scroll-on-any-
lement/src/infinite-
scroll.coffee
（源代码本身）

您可以通过这种方式使用它（例如在haml中）：

.div-with-overflow
  %ul{data: {'infinite-scroll' => "getItems()", 'infinite-scroll-disabled' => 'cannotGetItems()', 'infinite-scroll-parent' => 'true'}}

提供'infinite-scroll-parent' => 'true'will将使父元素用于计算而不是窗口。