angular - 在 ion-virtual-scroll 之前添加内容时出现 ionic 4 问题

Question

我有这段代码，使用 ionic 4 和 angular 8 可以正常工作

<ion-content>
<ion-virtual-scroll>
...
...
...
</ion-virtual-scroll>
</ion-content>

在添加了一些内容之后ion-virtual-scroll才解决这个问题。未在正确时间显示的项目 [见 Gif]

<ion-content>
<div class="content-header">...</div>
<ion-virtual-scroll>
...
...
...
</ion-virtual-scroll>
</ion-content>

当我display:none上课时.content-header，它再次正常工作。

问：

有没有办法让 ion-virtual-scroll 在屏幕上加载更多内容？

有没有办法在向下滚动后隐藏 .content-header（它可以工作）？

标签： angularionic-frameworkionic4

Answer 1

当我写这个问题时，我并没有想到一些没有任何 CSS 的 div 会导致这个问题，但确实如此。

这个有问题的截图

更改为此顺序后，<ion-virtual-scroll>正确检测高度。 .

我希望这很清楚。它只是被删除了 <div class="ion-padding">