0

  1. 问题：无限滚动开始一次加载所有页面，而不是等待用户滚动到页面底部。

  2. 设置：AngularJS 1.3.17 材料设计 0.10.0 无限滚动脚本：https ://github.com/sroze/ngInfiniteScroll 以下演示：http ://sroze.github.io/ngInfiniteScroll/demo_async.html

    具有无限滚动的页面位于嵌套视图内。

像这样使用的 HTML 指令：

<div class="row row-sm">
    <div infinite-scroll='nextPage()' infinite-scroll-disabled='busy' infinite-scroll-distance='0' class="m-l-n m-r-n">
        <div class="col-sm-12" ng-repeat="post in posts" ng-init="parentIndex = $index">
  1. 症状：
    • 它开始按顺序触发请求，直到不再有来自 API 的数据。印象是它认为我们一直在页面底部=加载一个页面的信号。
    • 在迁移到 Material Design 之前，相同的代码运行良好（来自 100% Bootstrap）
    • ng-repeat 包含 class="col-sm-12"，如果删除或者如果我设置 style="float:none" 它只加载第一页，但不再对到达页面底部做出反应。

此外，我不需要窗口解决方案（这个工作正常），而是 - Facebook 类型，当我们实际上需要到达页面底部时，而不是在有限的空间中滚动。

请让我知道您可能需要什么样的附加信息。

各位大侠请帮忙！！:)

谢谢！

4

1 回答 1

1

我之前也有同样的问题，所以我设置了

无限滚动立即检查 =“假”

在此处查看文档

您需要记住的一件事是在控制器的开头将busy 变量设置为false。

<div class="row row-sm">
<div infinite-scroll='nextPage()' infinite-scroll-disabled='busy' infinite-scroll-distance='0' class="m-l-n m-r-n" infinite-scroll-immediate-check='false'>
    <div class="col-sm-12" ng-repeat="post in posts" ng-init="parentIndex = $index">
于 2016-01-20T13:15:42.357 回答