Cloneables

Split Reverse Scroll Technique

Here's a way to create a custom homepage with a split and reverse scroll technique in Webflow. When someone scrolls on the page the two sections scroll in opposite directions providing a unique interaction to add uniqueness to your Webflow site.

design-direction-002.webflow.io
Split Reverse Scroll Technique live demo on a desktop screen
Split Reverse Scroll Technique live demo on a phone
Screenshot of the live demo, Oct 20, 2026 Open live demo

The Split Reverse Scroll Technique is a unique and eye-catching way to create a custom homepage on your Webflow site. This technique involves splitting the page into two sections that scroll in opposite directions when the user scrolls on the page. This creates an engaging and interactive experience for visitors to your site. The Split Reverse Scroll Technique is easy to implement on your Webflow site thanks to its cloneable nature. Simply add it to your page and customize it to your liking. This cloneable was created by Joseph Berry and falls under the categories of Scroll and Interactions. With the Split Reverse Scroll Technique, you can add a dynamic and unique touch to your Webflow homepage.

Browse similar cloneables

More from Joseph Berry

Profile →

Related Webflow questions

All answers →

Similar cloneables

All cloneables →