Question

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

<div style="height: 1px">
   <post post-item="item" feed-items="items.feed" feed-name="feedName" ng-repeat="item in items.feed"></post>
   <a style="bottom-padding 7%" infinite-scroll="nextPosts()" infinite-scroll-distance="1" href ng-click="nextPosts()" class="show-more">No more posts to show </a>   
</div>

然而，设置高度：1px种类的螺丝我的css造型和我觉得它在技术上作弊，特别是因为我必须在

做底部填充

有没有人知道如何在不使用样式=＆＃34; height：1px

的情况下，无法在所有滚动事件上触发无限滚动

我已经看过这篇文章，但它没有真正帮助。 How do you keep parents of floated elements from collapsing?

谢谢！

Answer 1

http://binarymuse.github.io/ngInfiniteScroll/documentation.html

通常，您将在元素上使用infiniteScroll指令包含另一个使用ngRepeat来显示一系列元素的元素基于数组（或对象）的元素;你传入的表达方式 infinite-scroll属性通常会添加其他元素到数组，扩展ngRepeat。

也许您可以尝试基本示例：

<div infinite-scroll="nextPosts()">
   <post post-item="item" feed-items="items.feed" feed-name="feedName" ng-repeat="item in items.feed"></post>
</div>

ngInfiniteScroll触发所有滚动事件

1 个答案: