# Sticky Footer that reveals as you scroll

**URL:** <https://forum.readymag.com/t/sticky-footer-that-reveals-as-you-scroll/2401>\
**Category:** Animations\
**Created:** [January 17, 2024, 3:49pm UTC](https://forum.readymag.com/t/sticky-footer-that-reveals-as-you-scroll/2401 "2024-01-17T15:49:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AmelieKesley](https://avatars.discourse-cdn.com/v4/letter/a/3ab097/32.png) [@AmelieKesley](https://forum.readymag.com/u/AmelieKesley)\
**Post date:** [January 17, 2024, 3:49pm UTC](https://forum.readymag.com/t/sticky-footer-that-reveals-as-you-scroll/2401/1 "2024-01-17T15:49:40Z")

</div>

Hey everyone! 😊

I am trying to figure out how to make my footer at the bottom of my page reveal upon scrolling - the same as how the footer acts on this website.  
⬇  
[https://reome.com](https://reome.com)

I would really appreciate any help! It’s starting to give me a headache 🤕

Amelie x ☺

---

<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 22, 2024, 9:01pm UTC](https://forum.readymag.com/t/sticky-footer-that-reveals-as-you-scroll/2401/2 "2024-01-22T21:01:46Z")

</div>

you could hide the footer, that has a “on scroll”: “move down” + “when on top” + “speed:1” animation behind the last content block, that has an extrashape as a background.

You then have to play around with the pageheight or the amount your footer scrolls down.
