问题标签 [nginfinitescroll]

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

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

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

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

This Angular script gets content from an API and I implemented ngInfiniteScroll to avoid getting the whole content at once from the source. When the ngInfiniteScroll function fires to load the second page, you can see the content load for a fraction of second but then the whole div disappears. Any idea why?

LIVE EXAMPLE

http://nolayout.com/archive/index-2.html

ANGULAR SCRIPT

HTML

我在演示站点（ http://binarymuse.github.io/ngInfiniteScroll/demos.html ）上查看了使用 ngInfiniteScroll 的示例，但他们似乎都在使用较低级别的 $http 服务来构建他们的滚动。我遇到的问题是我已经使用ngResource在工厂中构建了所有资源，因为我在我的应用程序周围的其他控制器中传递了其他参数。

我想知道是否仍然可以使用 $resource 而不是 $http 来使用 ngInfiniteScroll？到目前为止，我还没有找到一个示例，但只想向 REST API 请求一个新页面，就像我在下面那样。任何代码示例或想法是如何完成的？

我需要将 ngInfiniteScroll 用于模式中的画廊，但它似乎不起作用。它不接受在此 Bootstrap UI 模式中滚动。你知道有什么方法可以做到这一点，请告诉我！谢谢。

https://github.com/sroze/ngInfiniteScroll

http://angular-ui.github.io/bootstrap/#/modal

我有以下使用ngInfiniteScroll的无序列表：

我的loadMore()函数使用偏移量查询数据库。偏移量是迄今为止加载的项目数。我已经手动测试过了，它工作正常。

每次查询时，数据库的获取限制为“10”，并接受偏移量。我有一个包含 11 个帖子的数据集，只是为了测试。如果它有效，它应该在页面加载时加载前 10 个，在我滚动时加载第 11 个。虽然这在某些时候有效，但在大多数情况下都会中断。我所说的破坏的意思是它会加载最后一个帖子 3-4 次。$scope.posts.length每次调用该函数时，我都通过记录来测试它。页面加载时，长度为 10，但当我向下滚动时，它会多次添加最后一个元素。任何帮助都会很棒！

下面的评论解决方案。

问题：我的 loadMore() 方法在每个容器的滚动条上执行。

含义： loadMore() 在父容器的每个鼠标滚动上执行 ( infinite-scroll-parent="true")

期望的结果：只有在infiniteScrollDistance满足其条件时才执行loadMore（），而不是我做的任何微小的滚动。

我的代码深受demo_basic和demo_async的启发。

我的应用程序是一个照片库。我通过 ajax 调用加载照片，并将它们填充到缩略图指令转发器中。我在控制器初始化时禁用 ng-Infinite-Scroll，并在回调成功时启用它。

我的咖啡代码没有任何意外。它的逻辑不重要，因为如果我放置一个简单的console.log，问题仍然存在......

我的缩略图指令是相同的。毫不奇怪，当最后一张照片被填充到中继器上时，我启用了该组件。

我不知道我错过了什么或做错了什么。我希望有人会在这里帮助我。

谢谢你。

我正在尝试重新创建他们演示页面上提供的 ngInfiniteScroll 的简单示例。loadMore() 函数永远不会触发，我不知道为什么。

这是代码：http: //jsfiddle.net/uVxb8/3/。

我想在AngularStrap模态 中进行无限滚动。

我还想修复模态页眉和模态页脚，并且只滚动模态体内的内容。我正在使用ngInfiniteScroll库。

问题是它显示了两个滚动条，而外条控制着无限滚动。

JS：

HTML：

这是一个plunker：http
://plnkr.co/edit/mE5EMEYV6Tx3S1VopKfW 但是滚动不起作用，因为主页没有滚动（我认为它涉及到同样的问题）
谢谢

我正在使用ngInfiniteScroll，但默认操作是在到达底部时加载更多项目，就像 facebook 时间线一样，但我需要相反，我需要在到达顶部时加载项目。

有没有办法用 ngInfiniteScroll 或其他方式做到这一点？

非常感谢。

我正在使用无限滚动来加载帖子，并尝试为每个需要小型 jquery 脚本工作的帖子集成一个自定义的类似按钮。我的问题是我在 ajax 加载帖子成功后直接添加了这个 Jquery。但是，当我加载例如第 3 页时，我的 jquery 脚本会执行两次，并且在第 2 页的帖子上，lke 按钮无法正常工作。我该如何处理？如果我在 ajax 请求之后不执行代码并且仅全局调用此 jquery 代码，则类似按钮在 ajax 无限滚动的新加载帖子中不起作用。也许我需要在加载之前停止 sript 3. 通过 ajax 无限滚动页面但是如何？这是我的代码：