我正在尝试使用 angularjs infinite scroll 它似乎只有在滚动相对于浏览器窗口时才有效。
我想在内部 DIV 中进行无限滚动,即我有一个带有通用包装器的页面和一个用于显示实际内容的内部 div。
包装页面被设置为消失整个窗口,因此它永远不会滚动。 但是包含内容的内部 div 有自己的滚动条。
如何让无限滚动相对于内部内容 div 滚动条起作用?
最佳答案
如果有人搜索相同内容并来到这里 - 这里有有用的链接:
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'
将使父元素代替窗口用于计算。
关于javascript - angularjs 在容器中无限滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21674266/