Back to all Elements

Swapping Text on Scroll

Swapping a sticky element on sections scroll.

Left side - Photos, or any other static element.

Right side - Swapping Text, Headline, Button or any other element.

You can clone this project and replace the text elements inside the 'swapping-div' with anything you want.

Preview:

When your bath soap bar gets too small to use, don't throw it away! open the next bar, and when you finish showering, stick the small old bar to the back of the new bar. Onces they both dry, they will become one.

Might also interest you:

Hover to reveal Mask

Cloneable
Code
Design

A fixed background image that is revealed by mouse hover all over the section

Read more

Auto Change Tabs 2.0

Cloneable
Code
Interactions

A new and improved version for a Tabs element that automatically change tabs

Read more

Changing Text

Interactions
Cloneable
Tricks

Change text in a sentence/headline with Webflow's interactions

Read more