Cases overview

Reacting to scroll state

The header above shows the live scrollPosition read from useGoabWorkspaceLayoutScrollState(). As you scroll, the header collapses (smaller padding + smaller heading) and a "Back to top" button appears once you have moved off the top.

Paragraph 1 — scroll through this content to drive the scroll state changes above.

Paragraph 2 — scroll through this content to drive the scroll state changes above.

Paragraph 3 — scroll through this content to drive the scroll state changes above.

Paragraph 4 — scroll through this content to drive the scroll state changes above.

Paragraph 5 — scroll through this content to drive the scroll state changes above.

Paragraph 6 — scroll through this content to drive the scroll state changes above.

Paragraph 7 — scroll through this content to drive the scroll state changes above.

Paragraph 8 — scroll through this content to drive the scroll state changes above.

Paragraph 9 — scroll through this content to drive the scroll state changes above.

Paragraph 10 — scroll through this content to drive the scroll state changes above.

Paragraph 11 — scroll through this content to drive the scroll state changes above.

Paragraph 12 — scroll through this content to drive the scroll state changes above.

Paragraph 13 — scroll through this content to drive the scroll state changes above.

Paragraph 14 — scroll through this content to drive the scroll state changes above.

Paragraph 15 — scroll through this content to drive the scroll state changes above.

Paragraph 16 — scroll through this content to drive the scroll state changes above.

Paragraph 17 — scroll through this content to drive the scroll state changes above.

Paragraph 18 — scroll through this content to drive the scroll state changes above.

Paragraph 19 — scroll through this content to drive the scroll state changes above.

Paragraph 20 — scroll through this content to drive the scroll state changes above.

Paragraph 21 — scroll through this content to drive the scroll state changes above.

Paragraph 22 — scroll through this content to drive the scroll state changes above.

Paragraph 23 — scroll through this content to drive the scroll state changes above.

Paragraph 24 — scroll through this content to drive the scroll state changes above.

Paragraph 25 — scroll through this content to drive the scroll state changes above.

Paragraph 26 — scroll through this content to drive the scroll state changes above.

Paragraph 27 — scroll through this content to drive the scroll state changes above.

Paragraph 28 — scroll through this content to drive the scroll state changes above.

Paragraph 29 — scroll through this content to drive the scroll state changes above.

Paragraph 30 — scroll through this content to drive the scroll state changes above.

Paragraph 31 — scroll through this content to drive the scroll state changes above.

Paragraph 32 — scroll through this content to drive the scroll state changes above.

Paragraph 33 — scroll through this content to drive the scroll state changes above.

Paragraph 34 — scroll through this content to drive the scroll state changes above.

Paragraph 35 — scroll through this content to drive the scroll state changes above.

Paragraph 36 — scroll through this content to drive the scroll state changes above.

Paragraph 37 — scroll through this content to drive the scroll state changes above.

Paragraph 38 — scroll through this content to drive the scroll state changes above.

Paragraph 39 — scroll through this content to drive the scroll state changes above.

Paragraph 40 — scroll through this content to drive the scroll state changes above.

State: no-scroll · scrollable: false