What is a sticky split?
A sticky split is a two-column section where one side is held and the other moves. In the default pinned-text mode a headline and a line of copy stay on screen while full-height images scroll past beside them. Flip it to pinned-image mode and the image holds instead, while short text sections scroll by.
It's the layout behind many product launches and annual reports: one anchor, a sequence of supporting beats, and the reader's own scrolling as the pacing.
When to use a sticky split
- Product tours — hold the product shot, scroll through its benefits.
- Chapter openers — pin the chapter title while a run of photos sets the scene.
- Before / after and process stories — keep one reference in view while the detail moves.
- Testimonials — a pinned quote beside the people or places behind it.
How it works
The pinned column uses position: sticky so it holds for exactly as long as the scrolling column is on screen — then it lets go and the page continues. The moving column is a run of full-viewport panels (images, or text sections in pinned-image mode). Choose which side pins and where the panel sits (top, centre, bottom; left or right). On small screens the two columns stack into one readable flow.
Best practices
- Give the pinned side one idea — a headline and a line, or one strong image.
- 3–5 scrolling sections keeps the hold short enough to feel intentional.
- Use images with a similar tone; the pinned side stays constant, so inconsistency shows.
- Write the pinned copy so it still makes sense beside the last section.
How to make a sticky split — free
Pick the pinned side
Hold the text panel or the image, and write the panel copy.Add the scrolling sections
Upload an image (or write the text) for each section.Embed or download
Copy the embed code or save a self-contained HTML file — or build the whole story in Scrollytelling, free to start.
Templates that use a sticky split
Want a head start? These ready-made, fully-editable templates put the sticky split to work — customize one and publish in minutes.
Sticky split — frequently asked questions
Is the sticky split free?
Yes — customize and export it here with no account.
Which side pins?
Either. Choose Pinned side → Text to hold a headline beside scrolling images, or Image to hold a photo beside scrolling text sections.
How many sections can I add?
As many as you like; three to five keeps the pin feeling deliberate rather than long.
Is it responsive?
Yes — on phones the columns stack into a single column and the pin behaves like a normal section.