Scroll Examples¶
A gallery of every scroll example in the docs. Each entry runs the same scroll across all three engines so you can flip between tabs and compare the behaviour without re-reading anything.
Click Go to page on any example to see its full breakdown - builder, trigger, react wiring, and per-engine notes.
Vertical Scrolling¶
The classic "jump to a section" scroll. A vertical container with three named sections and a button per section that smoothly scrolls to it. The same example is built three times - once per engine - so the only thing that changes between tabs is the engine wiring.
View Example
Horizontal Scrolling¶
A horizontally-scrolling image gallery. The buttons jump between named cards, and the builder uses onXAxis so the gallery never drifts vertically. Shown in all three engines.
View Example
Spreadsheet Navigation¶
A spreadsheet-style grid with sticky row and column headers. Region buttons jump to named cells using both axes at once, and withOffsetXY keeps the cell clear of the sticky headers when the scroll settles. Shown in all three engines.
View Example
Controlling Scrolls¶
Pause, resume, restart, stop, and reset a scroll while it's running. Sub engine only.
View Example
Interrupting Scrolls¶
The same scroll, re-triggered mid-flight in all three engines. Shows the cost of fire-and-forget vs the smoothness of state-tracked redirection.