javascript - angularjs 在容器中无限滚动

标签 javascript angularjs infinite-scroll nginfinitescroll

我正在尝试使用 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/

相关文章:

ionic-framework - ionic 无限滚动循环永远调用无限回调

javascript - Jquery 函数不适用于函数参数

javascript - 数组中元素的奇数个

JavaScript:将节点复制到 DocumentFragment

angularjs - 如何在 md-datepicker 中使用 ngMask

javascript - 如何在 meteor 中实现无限滚动?

javascript - 蒙戈 : sort results with $in array parameter

AngularJS $promise 未定义

javascript - Grunt 构建导致 Angular 应用程序在 dist 上崩溃

jquery - MySQL 随机函数的无限滚动问题?