# 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**.