Skip to content

Commit

Permalink
docs(infinite-scroll): clarify virtual scroll element
Browse files Browse the repository at this point in the history
  • Loading branch information
sean-perkins committed Dec 20, 2023
1 parent 6a76e70 commit 52e3fba
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion docs/api/infinite-scroll.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ import CustomContent from '@site/static/usage/v7/infinite-scroll/custom-infinite

## Usage with Virtual Scroll

Infinite scroll requires a scroll container to function. When using a virtual scrolling solution, you will need to disable scrolling on the `ion-content` and indicate which element container is responsible for the scroll container with the `.ion-content-scroll-host` class target.
Infinite scroll requires a scroll container. When using a virtual scrolling solution, you will need to disable scrolling on the `ion-content` and indicate which element container is responsible for the scroll container with the `.ion-content-scroll-host` class target.

```html
<ion-content scroll-y="false">
Expand All @@ -56,6 +56,12 @@ Infinite scroll requires a scroll container to function. When using a virtual sc
</ion-content>
```

:::note

`virtual-scroll-element` refers to scroll container responsible for scrolling the content. This may be a component provided directly by the virtual scroll solution you are using.

:::

## Accessibility

Developers should assign the `role="feed"` attribute to the scrollable list of items that are added to or removed from as the user scrolls.
Expand Down

0 comments on commit 52e3fba

Please sign in to comment.