Sometimes the effect should belong to one section, not fight the rest of the page for scroll room.
Apply To: Container scopes the whole animation to a single Nexter Container block — the sequence plays out entirely within that container’s own height.
For every Dynamic Device setting in one place, see the Scroll Sequence block guide.
Before You Start
- Edition: Pro — the Scroll Sequence block needs Nexter Blocks Pro.
- Block to enable: Scroll Sequence, switched on under Nexter > Blocks in your WordPress dashboard.
- Upload the frames in the order you want them played — a still-camera sequence of a product turning, a scene changing, or a chart building up. More frames make the motion smoother; fewer frames make it choppier but load faster.
- A Nexter Container block with the Scroll Sequence block placed inside it, tall enough to scroll through on its own.
Steps
- Add the Scroll Sequence block and upload your frames under Images Upload, in playback order.
- Set Apply To for what drives the animation as the visitor scrolls.
- Place the Scroll Sequence block inside a Container block.
- Set Apply To to Container.
- Give the container real height — either genuinely tall content, or a minimum height under the container’s own layout settings.
Whatever you point Apply To at needs to be taller than the screen. Measured: a tracked element shorter than the viewport never draws a single frame — the canvas stays completely blank for the whole page, from the first scroll to the last. Give the tracked element real height, either with its own content or a minimum height setting.
How It Behaves
- Measured on a container taller than the screen: the sequence tracked scroll correctly through the container, reaching the last frame right as the container’s own bottom edge reached the bottom of the screen.
- Measured on a container shorter than the screen: nothing draws, at all, for the whole page. Not a wrong frame, not a frozen frame — completely blank canvas from the first scroll to the last, because the block’s own “am I in the active range” check can never become true when the container never reaches the height of the screen.
- The block must be placed inside the Container, not next to it — Apply To looks for the nearest container ancestor, and finds nothing if the sequence sits outside it.
Limitations
- The container must be taller than the viewport, or the sequence never renders anything. Measured, this is not a minor visual issue.
- Only the nearest container ancestor is used — nesting containers inside containers tracks the innermost one.
- For scoping to one column rather than a whole row, use Inner Container instead.
Troubleshooting
The canvas never draws anything
Measured: this happens when the container is shorter than the screen. Add more content, or set a taller minimum height on the container.
Apply To is set to Container but it behaves like the whole page
Check the Scroll Sequence block is actually placed inside the Container block, not just near it on the page — Apply To only finds a container that is a genuine ancestor.
