Infinite Scroll
Scroll the container below to trigger loading of additional batches via an IntersectionObserver watching a sentinel element at the bottom of the list. Each batch simulates a ~500ms network fetch and appends 20 more items, capped at 500 total items.
Item #1
Generated deterministically (row 1 of up to 500)
Item #2
Generated deterministically (row 2 of up to 500)
Item #3
Generated deterministically (row 3 of up to 500)
Item #4
Generated deterministically (row 4 of up to 500)
Item #5
Generated deterministically (row 5 of up to 500)
Item #6
Generated deterministically (row 6 of up to 500)
Item #7
Generated deterministically (row 7 of up to 500)
Item #8
Generated deterministically (row 8 of up to 500)
Item #9
Generated deterministically (row 9 of up to 500)
Item #10
Generated deterministically (row 10 of up to 500)
Item #11
Generated deterministically (row 11 of up to 500)
Item #12
Generated deterministically (row 12 of up to 500)
Item #13
Generated deterministically (row 13 of up to 500)
Item #14
Generated deterministically (row 14 of up to 500)
Item #15
Generated deterministically (row 15 of up to 500)
Item #16
Generated deterministically (row 16 of up to 500)
Item #17
Generated deterministically (row 17 of up to 500)
Item #18
Generated deterministically (row 18 of up to 500)
Item #19
Generated deterministically (row 19 of up to 500)
Item #20
Generated deterministically (row 20 of up to 500)