Aisol Scroll Story

Pinned media, chapters that scroll

A scroll-driven story section: the media panel stays pinned while the chapters scroll past, and every chapter swaps the media. The rail on the side tracks where the reader is and jumps to any chapter. HOW TO USE: Drop it in, open the Chapters array, add an eyebrow, title, body and an image (or a self-hosted video URL) per chapter, point each chapter at a CMS page with the Link control, set which side the media sits on and how far it pins from the top, publish. KEY FEATURES: Pinned media panel with chapter-synced swaps. Chapter rail in bars or dots, click to jump. Self-hosted video that plays only while its chapter is in view, then pauses. CMS link on every chapter. Stacks into a single column on mobile automatically. Respects prefers-reduced-motion (transitions and autoplay off, navigation kept). Static-renderer safe (clean first chapter on canvas and in exports). More components by Aisol Studio: search "Aisol Media Lightbox" or "CMS Card Deck" in the Marketplace.

Pinned media, chapters that scroll