Content & Text
Scroll Story
A two-column layout where a sticky headline stays in view while a long description scrolls alongside it.
What It Does
The Scroll Story module creates a two-column reading experience. The left column holds a sticky title and optional subtitle that stay fixed as the visitor scrolls. The right column contains the body text, which scrolls freely alongside the anchored heading. This creates a sense of progression and keeps the topic heading visible throughout a longer passage.
Best Used For
- Company story or brand narrative sections
- Long feature explanations that benefit from a persistent heading
- "How it works" sections with multi-paragraph descriptions
- Any content where keeping the topic in view improves comprehension
Variants
Default
Sticky title and subtitle on the left, scrollable description on the right. Clean typographic layout with no images.
Best for: Brand narrative and long-form explanatory content
Configuration Fields
| Field | What It Does | Required |
|---|---|---|
| Title | The main sticky heading displayed on the left side, with configurable colour | Yes |
| Sub Title | A secondary heading line above the main title, with configurable colour | No |
| Description | The long-form body text that scrolls on the right side, with configurable colour | Yes |
| Entrance Animation | Scroll-triggered animation: fade, slide-up, slide-left, slide-right, or none | No |
Tips for Great Results
- Keep the title short — 3 to 7 words work best when stuck in a fixed position.
- The description field works best with 3 or more paragraphs so the scroll effect is noticeable.
- Use contrasting colours between the title and description to create visual hierarchy.
- This module works best as a standalone full-width section rather than paired with heavy image modules.
Supported Languages
Fully bilingual — all text fields support both English and Thai content.