https://github.com/lbwa/how-virtual-scroll-works
How virtual scroll works
https://github.com/lbwa/how-virtual-scroll-works
virtual-scroll
Last synced: 4 months ago
JSON representation
How virtual scroll works
- Host: GitHub
- URL: https://github.com/lbwa/how-virtual-scroll-works
- Owner: lbwa
- Created: 2020-03-31T14:14:56.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-04-01T13:52:18.000Z (almost 6 years ago)
- Last Synced: 2025-04-10T01:58:34.797Z (11 months ago)
- Topics: virtual-scroll
- Language: TypeScript
- Homepage: https://lbwa.github.io/how-virtual-scroll-works
- Size: 388 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
How virtual scroll works
This project is used to describe how virtual scroll works.
- Q: Why we use virtual scroll, instead of normal infinite scroll?
A: Reduce DOM nodes memory usage significantly.
To be notice, there is no sliver bullet. You'd better use virtual scroll if there are thousands of nodes that need to be rendered. Otherwise, normal infinite scroll would be better solution.
## Core
The key is how to calculate visible elements and simulate scrolling virtually.
## License
MIT © [Bowen Liu](https://set.sh)