What is a sticky scroll section?
It's the layout behind many product and feature pages: a column of text blocks on the left, a large image pinned on the right. As the visitor scrolls, each text block takes focus and the pinned image switches to the one that belongs to it — with a clip-path reveal or a crossfade.
This is scrollytelling: the story advances with the scroll, and the visual always matches what the visitor is reading.
How to create a sticky scroll section in Elementor
- Drag the Sticky Scroll widget into any section.
- Add your items: each one with an image, an optional eyebrow, a title, a description and an optional button.
- In Layout, set the column split between text and image, the item height and the trigger point where an item becomes active.
- Optional: turn on Dim inactive items so only the active text is fully visible.
- Choose how it behaves on mobile.
- Publish and scroll through it.
Settings you can adjust
| Setting | What it does | Default |
|---|---|---|
| Item height | Scroll length of each text item | 80 vh |
| Column split | Width of the text column vs. the image | 50% |
| Trigger point | Where on screen an item becomes active | 50% |
| Dim inactive items | Fade the items that aren't active | Off |
| Inactive opacity | Opacity of inactive items when dimmed | 30% |
| Image height | Height of the sticky image | 84 vh |
| Image radius | Corner radius of the sticky image | 12 px |
It also includes SEO controls to choose the HTML tag of the title, eyebrow and paragraph.
On mobile
On phones there's no room for two columns, so the image moves to the top as a sticky element and the text scrolls underneath it — the story still works with one thumb.
When to use it
- Feature pages: one feature per item, one screenshot per feature.
- How it works sections with 3–5 steps.
- About pages that tell a story in chapters.
- Case studies with a visual per stage.
Related effects
- Stacked Cards — cards that pile up on scroll.
- Horizontal Scroll — panels that move sideways.
- Scroll Stack — sections that slide over each other.
