Infinite scroll

Full motion specification

How the movement works

Use it for feeds and news lists that people should keep reading without paging.

1. 01A list of items (331 × 44, radius 8, 52 apart) with a spinner (radius 10, one turn per 0.8 s) under the last item.
2. 02Scroll: 38→116 px at 0.25–0.85 s, 116→194 px at 1.15–1.75 s (cubic ease-in-out); it stops with the end of the list in view.
3. 03At 2.6 s three items are added: each fades 0→1 and rises from 10 px below over 0.35 s (cubic ease-out). The spinner moves to the new end.
4. 04Each cycle advances by three items (156 px). The content repeats every three items, so the end of the cycle looks the same as the start.