Web サイトで無限スクロールを有効にするために 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 を使用せずに、すべてのスクロールイベントで無限スクロールがトリガーされないようにする方法を知っている人はいますか?
私はすでにこの投稿を見てきましたが、実際には役に立ちませんでした。 浮動要素の親が崩壊しないようにするにはどうすればよいですか?
ありがとう！