0

当按照下面的代码使用角度 cdk-virtual-scroll 时，内容在图像加载之前正确显示。但是，加载图像后，滚动似乎无法正常工作。

在这种情况下，滚动方向是垂直的。当滚动发生时，额外的空白被添加到父视口的底部。

我推测滚动元素在图像加载之前确定了子大小，因此每个子的高度与图像加载后的实际子高度不匹配。

问题是我有什么选择来解决这个问题，拜托。

<cdk-virtual-scroll-viewport sytle="height: 500px" autosize>

<div *cdkVirtualFor="let item of items | async">

<img *ngIf="item.source" src={{item.source}}>
<div>
{{item.text}}
</div>

</div>

</cdk-virtual-scroll-viewport>
4

0 回答 0