scrolling-index-dual-rail

Purpose

Render two vertically-scrolling rails — a text list (titles) on the left, a media list (thumbnails) on the right — moving in lock-step. As rows pass the focal center, both the text and the corresponding media row are highlighted.

The hero mechanic of SP-D editorial-magazine pack.

Params

{
  "viewport_height_pct": 0.92,
  "viewport_radius_px": 40,