docs/en-US/component/infinite-scroll.md
:::warning Deprecated directive
We no longer maintain this directive. It will be removed in ^(3.0.0), please use the el-scrollbar infinite scroll instead.
:::
Load more data while reach bottom of the page
Add v-infinite-scroll to the list to automatically execute loading method when scrolling to the bottom.
:::demo
infinite-scroll/basic
:::
:::demo
infinite-scroll/disable-loading
:::
| Name | Description | Type | Default |
|---|---|---|---|
| v-infinite-scroll | Load more data while reach bottom of the page | ^[Function] | — |
| infinite-scroll-disabled | is disabled | ^[boolean] | false |
| infinite-scroll-delay | throttle delay (ms) | ^[number] | 200 |
| infinite-scroll-distance | trigger distance (px) | ^[number] | 0 |
| infinite-scroll-immediate | Whether to execute the loading method immediately, in case the content cannot be filled up in the initial state. | ^[boolean] | true |