---
title: "Virtual Scrolling | Features"
description: "In ZingGrid, virtual scrolling is called infinite scrolling. This flexible performance feature directly integrates with Firebase in one line & works with remote APIs."
url: https://www.zinggrid.com/docs/features/virtual-scrolling
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/virtual-scrolling.md
mode: provenance
representation: markdown
origin_response_id: b31852c30a6e8a1b729a745c7c4b476d
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.708Z
version_nonce: f270d8ba21a2fabc63f6d0772de4e8d0
generated_at_utc: 2026-10-25T01:53:14.160Z
response_nonce: ab0d7e361e784eda6535ef74678c7077
```

# Virtual Scrolling

In ZingGrid, virtual scrolling is called "infinite scrolling". This is a flexible performance feature that directly integrates with Firebase in one line and works well with any remote API.

## Infinite Scroll

To enable infinite scrolling, add the `height` and `page-size` attributes to your `<zing-grid>` tag **and** the `[name="loadByScroll"]` attribute to `<zg-param>` with `value="true"`.

1. Add the `height` and `page-size` attributes to your `<zing-grid>` tag

    ```html
    <zing-grid height="400" page-size=10>
    ```

2. Add `loadByScroll` parameter to `<zg-param>`

    ```html
    <zg-param
      name="loadByScroll"
      value="true">
    </zg-param>
    ```

3. **If you are integrating with Firebase**, add `adapter` and `src` attributes to `<zg-data>`

    ```html
    <zg-data
      src="https://zinggrid-examples.firebaseio.com/movies"
      adapter="firebase"
    >
    ```

Altogether, it will look like this:

```html
<zing-grid height="400" page-size=10>
  <zg-data src="https://zinggrid-examples.firebaseio.com/movies">
    <zg-param name="loadByScroll" value="true"></zg-param>
  </zg-data>
</zing-grid>
```

### Infinite Scroll Grid
Here is a complete grid with infinite scroll enabled:

[Example code](https://app.zingsoft.com/demos/embed/J0L5T5YU)

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [Firebase Documentation](https://www.zinggrid.com/docs/firebase)
* [REST Documentation](https://www.zinggrid.com/docs/rest)