问题标签 [nginfinitescroll]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

103 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
796 浏览

javascript - ngInfiniteScroll 中的滚动非常不稳定

我有一个带有 ng-infinite 滚动的角度应用程序。问题是：

  • 当我在页面中间时，会触发加载新内容的回调。当它被触发时，它会转移
  • 当元素添加到页面并且到达末尾时，即使添加了新内容，滚动也会保持在末尾（而新内容应该出现在旧元素之后，用户应该滚动才能看到它)
  • 当我单击链接并转到下一页时，缩放不会按原样重置

这是一个截屏视频：https ://imgur.com/KMaCLuQ

现在伙计们，这是代码的一部分（包含帖子列表的视图）

如果您想要更多，请随时查看源代码

0 投票
0 回答
1405 浏览

javascript - AngularJS：无限滚动 w/

我可以使用一组数据正确地进行无限滚动。当我使用 HTML 表格执行类似的任务（图像索引）时，loadMore() 函数被调用得太频繁了。通常一个轻卷轴会遍历整个数据集。谷歌没有给我一个使用表格的具体例子，所以想知道我是不是搞砸了。

    <table>
        <span infinite-scroll="loadMore()" infinite-scroll-distance

我可以使用一组数据正确地进行无限滚动。当我使用 HTML 表格执行类似的任务（图像索引）时，loadMore() 函数被调用得太频繁了。通常一个轻卷轴会遍历整个数据集。谷歌没有给我一个使用表格的具体例子，所以想知道我是不是搞砸了。

Javascript。请注意， $scope.data 是我的项目数组的数组。$scope.data[0] 将有 5 个项目，其中包含一个缩略图和一些文本。

编辑：休息一段时间后回到这个问题。油门似乎不起作用。:(

您的代码不起作用，因为$('.quick-info')[0]它是一个没有.parent()功能的本机 DOM 对象（它是 jQuery 的一部分）。

我认为您正在寻找的是.first()：

0 投票
0 回答
630 浏览

javascript - ngInfiniteScroll 在页面加载时触发一次

我在我的网页上使用 ngInfiniteScroll 以允许无限滚动。我让它工作除了一件事。当页面最初加载时，ngInfiniteScroll 似乎被触发了，我不知道为什么。

我将 ngInfiniteScroll 附加到上一篇文章底部显示的链接。

这是我的代码的样子：

0 投票
1 回答
792 浏览

javascript - ngInfiniteScroll 触发所有滚动事件

我正在使用 ngInfiniteScroll 在我的网站上启用无限滚动。为了让它工作，我不得不将外部 div 的高度设置为如下所示的值。如果我不这样做，就会触发无限滚动功能

但是，设置 height:1px 有点搞砸了我的 CSS 样式，我觉得它在技术上是作弊，尤其是因为我必须在

有谁知道我可以在不使用 style="height: 1px 的情况下让所有滚动事件都不会触发 Infinite Scroll

我已经看过这篇文章，但它并没有真正帮助。 你如何防止浮动元素的父母崩溃？

谢谢！

0 投票
1 回答
5401 浏览

javascript - 如何防止ngInfiniteScroll在初始触发后被多次触发？

我正在使用 ngInfiniteScroll 在我的网站上启用无限滚动。它部分按预期工作，一旦我滚动到页面底部，它就会调用我希望它调用的方法来显示更多帖子，除了它在触发一次后会不停地调用帖子。有人知道是什么原因造成的吗？这就是我实现 ngInfiniteScroll 的代码的样子，但我不知道这个特定的代码会有多大帮助。我怀疑它被另一个文件中的代码抛弃了。

0 投票
0 回答
87 浏览

angularjs - nginfiniteScroll 似乎阻止控制器

如果我注释掉...

...然后我的项目正确绑定。如果我把它留在里面，即使loadContent在我滚动时被调用，也不会绑定任何项目。

如果我绑定到一个简单的内联数组，那么即使无限滚动也可以绑定。

为什么无限滚动会阻止我的控制器内容绑定？是因为它有一个隔离范围吗？如果是这样，那么这里的演示代码如何管理访问外部控制器的范围？

0 投票
1 回答
1327 浏览

jquery - 高度导致 ng Infinite Scroll 中的 div 标签出现问题

我正在使用 NIS 进行无休止的滚动，我实现了它，它工作正常，除了一个问题。就像我float: left用来维护 div 标签一样。但是在使用float它之后一次发送多个请求，但是当我删除float:left它时，它会发送我想要的单个请求。

我一次从服务器获得 20 个结果

我没有在 JsFiddle 或 Plunker 上提供示例的公共 URL。

这是我的代码

这是我的控制器

有人可以帮我解决这个问题吗？

谢谢你。

0 投票
2 回答
962 浏览

angularjs - ngInfiniteScroll $http 服务延迟

我是 Angular 世界的新手，每次滚动后我都使用 ngInfiniteScroll 加载更多数据。我实施了它，它工作正常。目前它会立即响应，但我希望每次滚动加载图像时都有延迟（1 秒），我做了谷歌但没有得到任何解决方案。

谁能指出我，如何解决这个问题？

在我的控制器代码中

这是我的 HTML 代码

抱歉，我没有公共 URL 可以在 JsFiddle 或 Plunker 上提供示例。

0 投票
1 回答
273 浏览

angularjs - ng-infinite-scroll 说我的控制器不是函数，未定义

https://github.com/sroze/ngInfiniteScroll

好的，所以我已经加载了 ng-infinite-scroll.min.js

当我加载模块时，它会破坏它

angular.module('myApp', ['无限滚动']);

它告诉我一些控制器现在未定义。错误：[ng:areq] http://errors.angularjs.org/1.2.25/ng/areq?p0=UserbarController&p1=not%20a%20function%2C%20got%20undefined

0 投票
2 回答
2080 浏览

javascript - 无限滚动导致快速滚动时跳转到屏幕顶部

我在我的网站上使用ng-infinite-scroll Angular 指令，它总体上运行良好。然而，在测试时我注意到如果我快速滚动页面会跳回到顶部。下面是我的 html 和我的滚动功能。我认为问题在于如何$scope.busy处理：

html:

控制器代码：


12345678910