ioni c 4 проблема при добавлении контента перед ion-virtual-scroll

Question

У меня есть этот код, и он работает совершенно нормально, используя ioni c 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, он снова работает нормально .

Q:

Есть ли способ заставить ion-virtual-scroll загружать больше контента на экран?

есть ли способ скрыть заголовок .content после прокрутки вниз (может ли он работать)?

Answer 1

Когда я писал вопрос, я не думал, что какой-то div без CSS создаст эту проблему, но это так.

этот снимок экрана с проблемой

после изменения этого порядка <ion-virtual-scroll> правильно определяет высоту. .

Надеюсь, все понятно. это было только удалено <div class="ion-padding">