Scroll Sync Timeline and Scroll Story
Milestone timelines and pinned-media scrollytelling.
Scroll Sync Timeline
A horizontal or vertical timeline whose progress line follows the scroll.
- Steps have a date or label, a title, a description, a status pill, an icon, an image or video URL and a call to action.
- Steps source: type them in yourself, or pull posts by post type, taxonomy, term, order and include or exclude IDs. An Agency Preset fills sample steps.
- Layout and theme: skin, node indicator, line style, layout mode, active node glow, card hover and step numbers.
- Load more: set the number of steps shown first and a chunk size.
- Named Timeline ID lets another module, such as Bento Grid or Scroll Progress, stay in sync with it.
Scroll Story
A pinned media column that swaps as each chapter of text scrolls into view.
- Chapters have a kicker tag, a title, body text, a pinned image or MP4 video, an anchor ID for deep links, a caption and a call to action.
- Theme preset, pinned media side, media aspect ratio, progress counter and progress bar.
- Pin offset keeps the media clear of a sticky header.
Both modules respect the visitor’s reduced-motion setting.