docs(useInfiniteScroll): add usage note

[luveqz]

Description

It took me some time to realize that I needed to care about the content's height, as this is not how popular libraries like vue-infinite-loading work.

Also, I'm not the first person to have this issue. See #1685 (comment).

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[antfu]

/cc @webfansplz is it possible to avoid this limitation?

[webfansplz]

Can we just provide a forceFire option to support it ?

Force triggered the onLoadMore callback once when the container element's height >= content's height.

[antfu]

Just wondering if other libs could support it, any blockers for us to support it automatically?

[webfansplz]

Just wondering if other libs could support it, any blockers for us to support it automatically?

I didn't find a good way to support it automatically because that for the browser native behavior ,the scroll event’ll never triggered when the container element's height >= content's height 😅

The vue-infinite-loading library seems triggered callback once when init, See:

https://github.com/PeachScript/vue-infinite-loading/blob/4baed2bb078f076d3bff48c783ed324236630ed6/src/components/InfiniteLoading.vue#L160

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.