I have a list of items, each item has box-shadow.
To improve page performance I added
I designed items with
box-shadow property, and when I use
virtualScroll is added as below:
<div class="review-padding" [virtualScroll]="reviews" approxItemHeigh="230px"> <div *virtualItem="let review"> <review (onUser)="onUser($event)" (onReview)="onReview(review, $event)" [review]="review"></review> </div> </div>
I thinking is because
transform: translate to position items, and each item has
How can I fix this problem?
EDIT: I notice
virtualScroll calculates exact height of items,
div class="virtual-position" has that height and all content outside
div class="virtual-position isn’t shown.