0

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

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

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

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

谢谢!

4

1 回答 1

0

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>
于 2014-11-07T07:42:16.617 回答