> For the complete documentation index, see [llms.txt](https://ngxf.gitbook.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ngxf.gitbook.io/platform/features/virtual-scroll.md).

# Virtual Scroll

The `virtual` directive will render all the elements, but it **detach change detection** for elements that are outside of the **Viewport**.

## Create Virtual Scroll

An example in `COMPONENT.template.html`.

```markup
<ng-container *ngFor="let item of items">
  <hello virtual></hello>
</ng-container>
```

Will detach all **hello** components when they are not of the **Viewport**.