Comment by nitwit005
5 days ago
How would you query the location where you need to load more data when scrolling down (the highest empty spot)?
5 days ago
How would you query the location where you need to load more data when scrolling down (the highest empty spot)?
I guess you can just start loading a first batch, add an intersection observer to the last 3 elements (if you have 3 lanes) and then when one of those intersects you simply start fetching the next.
Hmm, I think we only need to observe the `elements.at(-numberOfLanes)`, as it should be the first to enter the screen anyway.
I suppose just checking scroll height of the container? Once you're x pixels above the bottom, fetch more. Not the smoothest, but doable
You just append new <figure> elements to the <main> in the example and it will automatically put them in the appropriate column.
Your answer doesn't appear to relate to what I asked. You need to know when to query the backend for more data if it's an infinite scrolling setup.
Aahh. The way you phrased your question was pretty ambiguous.
The other posters have good answers. One thing to consider for a smooth interaction would be to eagerly load the next x elements before they scroll into view.
1 reply →