logo svelte /virtual list v0.5.15
FIG-001/ MEASURED CONTENT

measured headers & footers.

Header and footer snippets participate in the scrollable content. Resize either snippet, navigate to a reading row or the physical end, and remove all rows to see how empty lists behave.

↩ all examples
items · 100snippets · header + footerrows · 32px mode · live running source

Align row 40, then grow the header: your reading row stays put. Jump to end and grow the footer to keep the end in view. Remove rows to see the snippets without any items.

Header · 56px Measured content before the rows
Item 0
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Footer · 56px Measured content after the rows
rows · 100 rendered · none position · reading
category · measured content
sheet · sheet 01 / 01
⟳ to re-run

Headers & Footers