Make it so that infiniteScroll loads data when the height of '.n-scrollbar-container' becomes greater than the height of '.n-scrollbar-content'. - Githubissues

tusen-ai / naive-ui

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

https://www.naiveui.com

MIT License

16.29k stars 1.68k forks source link

Make it so that infiniteScroll loads data when the height of '.n-scrollbar-container' becomes greater than the height of '.n-scrollbar-content'. #6547

Open DenniLa2 opened 1 week ago

DenniLa2 commented 1 week ago

Clear and concise description of the problem

Data do not load if the height of '.n-scrollbar-container' becomes greater than the height of '.n-scrollbar-content'.

Suggested solution

Check the height of these divs. If the height of '.n-scrollbar-container' becomes greater than the height of '.n-scrollbar-content', emit the '@load' event.

Alternative

No response

Additional context

No response

Validations

[X] Read the Contributing Guidelines.
[X] Read the docs.
[X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

jahnli commented 3 days ago

Provide a based on CodeSandbox or stackblitz `s Minimal Reproducible Example