Horizontal Scroll from Template Example

Animations
1

Hi everyone!
Can someone break down how this template achieves its horizontal scroll effect? I understand the basics of horizontal scrolling from online tutorials, but I really like how this one pauses first, then begins scrolling, and smoothly transitions to the next section of the page once the last image is displayed.

When I open the template in Readymag, I see the pages are split, but I’m struggling to fully understand how the effect works and how to replicate it. If anyone has insights, I’d really appreciate the help!

Link to template: https://readymag.com/designs/stolenhearts/

2

Hello! The images are animated to move on scroll, grouped, and fixed on the screen. You don’t need to start from scratch; just ungroup them and replace the images with your own.

We also offer presets—pre-built compositions of widgets and animations. You can find the same effect in the animated widgets, then simply paste it into your project and swap the images.

This tutorial might also be helpful. Feel free to email us at [email protected] if you have any follow-up questions. :pray: