虚拟滚动和悬停

Question

我的项目清单很长，每个项目都有自己的组件，其中包含一些图片和数据。

我为此使用了虚拟滚动，并且可以正常工作。

除此之外，我还必须突出显示悬停的项目。因此，我为此使用了mouseenter，并且只包含了它发生的一个类。

问题是滚动时，类更新需要一些时间，我想这是因为虚拟滚动项更新了。

<cdk-virtual-scroll-viewport [itemSize]="cardSizeDisplay" class="virtual-scroll-list">
  <div class="virtual-scroll-element" *cdkVirtualFor="let item of myList; templateCacheSize: 10">
    <div fxFlexFill [ngClass]="{'selected-row': selected}" (mouseenter)="selected=true" (mouseover)="selected=false">
         //print the component with images and data
    </div>
  </div>
</cdk-virtual-scroll-viewport>