# How to do this split screen scroll. animation

**URL:** <https://forum.readymag.com/t/how-to-do-this-split-screen-scroll-animation/4163>\
**Category:** Animations\
**Created:** [January 12, 2025, 2:58am UTC](https://forum.readymag.com/t/how-to-do-this-split-screen-scroll-animation/4163 "2025-01-12T02:58:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![imanimonea](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/imanimonea/32/2817_2.png) [@imanimonea](https://forum.readymag.com/u/imanimonea)\
**Post date:** [January 12, 2025, 2:58am UTC](https://forum.readymag.com/t/how-to-do-this-split-screen-scroll-animation/4163/1 "2025-01-12T02:58:42Z")

</div>

Hello! I’m trying to figure out how to do this scroll animation, where one side scrolls regularly, but is fixed until the opposite side is done scrolling

> **[TANNER JAMIESON—2D BRAND DESIGN + ART DIRECTION](https://tannerjamieson.com)**
>
> Toronto/Detroit-based art director; passionate about designing fun, intrepid brand identities and packaging design

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [January 14, 2025, 9:28am UTC](https://forum.readymag.com/t/how-to-do-this-split-screen-scroll-animation/4163/2 "2025-01-14T09:28:34Z")

</div>

one way would be to set up an animation to one side/element, that should stay fixed with the following settings:  
“onscroll” → move down. Use the “top” setting to set where on the screen it should be fixed.  
Play around with the amount of movement until it should move again out of view.

other way would be to fix the element and set up an “on scroll” movement with a delay to move up (out of view) at your desired time.

I would shoose option 1