# How do you do a background scroll animation?

**URL:** <https://forum.readymag.com/t/how-do-you-do-a-background-scroll-animation/524>\
**Category:** Animations\
**Created:** [August 9, 2022, 5:59am UTC](https://forum.readymag.com/t/how-do-you-do-a-background-scroll-animation/524 "2022-08-09T05:59:56Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vpardi](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/vpardi/32/392_2.png) [@vpardi](https://forum.readymag.com/u/vpardi)\
**Post date:** [August 9, 2022, 5:59am UTC](https://forum.readymag.com/t/how-do-you-do-a-background-scroll-animation/524/1 "2022-08-09T05:59:57Z")

</div>

Hi everyone! I’m very new here – I’m looking to do something similar to this page [‘Readymag temmplates: Evergreen’](https://readymag.com/designs/evergreen/), where the page with the blue background scrolls while revealing the page below (white background). You can see a similar effect being used here [‘Filip Nordin Portfolio’ by Filip Nordin | Readymag](https://readymag.com/u45904774/486039/), where it transitions from the page with the black background to the white background page. Does anyone know how to do it? I’m not sure what you call this effect, so I hope I was clear!

Thank you!

---

<div class="post-metadata">

**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\
**Post date:** [August 9, 2022, 8:46am UTC](https://forum.readymag.com/t/how-do-you-do-a-background-scroll-animation/524/2 "2022-08-09T08:46:33Z")

</div>

Hi at @vpardi this can be done by selecting ‘preview’ \> ‘viewer settings’ and selecting the following buttons shown in the image below.

![](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/b5b592d759f5f7a37e0666ccee9e59e3b5be7186.png)

---

<div class="post-metadata">

**Author:** ![vpardi](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/vpardi/32/392_2.png) [@vpardi](https://forum.readymag.com/u/vpardi)\
**Post date:** [August 9, 2022, 2:44pm UTC](https://forum.readymag.com/t/how-do-you-do-a-background-scroll-animation/524/3 "2022-08-09T14:44:56Z")

</div>

Got it! Thank you so much!!