cdk-virtual-scroll-viewport

Defines a Virtual Scroll Viewport component.

This component helps displaying large lists of elements performantly by only rendering the items that fit on-screen.
Loading hundreds of elements can be slow in any browser; virtual scrolling enables a performant way to simulate all items being rendered by making the height of the container element the same as the height of total number of elements to be rendered, and then only rendering the items in view.
Virtual scrolling is different from strategies like infinite scroll where it renders a set amount of elements and then when you hit the end renders the rest.
This component works with the CdkVirtualFor Directive to specify scrollable items to render.
For more information: Virtual scrolling.

Name Description
Append only Whether rendered items should persist in the DOM after scrolling out of view. By default, items will be removed.
Buffer max The number of pixels worth of buffer to render for when rendering new items. Defaults to 200.
Buffer min The minimum amount of buffer rendered beyond the viewport (in pixels). If the amount of buffer dips below this number, more items will be rendered. Defaults to 100.
Item size The size of the items in the list (in pixels).
Orientation The direction the viewport scrolls.
Comment Describes the object comment to include in the documentation report. This property generally contains an explanation about the object.
Identifier Defines the component identifier.
Is active Defines whether the component is active.