Scroll Storytelling

All four Phase 4 widgets, plus the new Scroll Reveal extension. Scroll down.

Multi-Layer Parallax Depth

Three layers move at independent speeds on a RAF-throttled scroll listener.

These cards are plain containers. The reveal comes from the new Scroll Reveal switch in the Advanced tab, with Stagger Children enabled.

Stagger direction Normal animates children in document order.

Each child waits an extra 160ms before its animation starts.

Repeat is on, so scrolling away and back replays the animation.

Three nested containers on a snapping horizontal track, with dots and arrows.

Each slide is a real Elementor container. Drop any widget inside it.

The track snaps on the x axis. Use the dots or arrows below to move.

Slide width comes from the Section Width control on the widget.

Full-viewport snap sections with keyboard navigation and a progress indicator.

This container scrolls internally and snaps each section to the viewport.

Arrow keys move between sections when keyboard navigation is enabled.

The dots on the right are the progress indicator. Click one to jump.