# Menu fade out and in when scrolling

**URL:** https://forum.readymag.com/t/menu-fade-out-and-in-when-scrolling/1485
**Category:** Animations
**Created:** [April 12, 2023, 12:02pm UTC](https://forum.readymag.com/t/menu-fade-out-and-in-when-scrolling/1485 "2023-04-12T12:02:57Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![CrispDesigns](https://avatars.discourse-cdn.com/v4/letter/c/bc8723/32.png) [@CrispDesigns](https://forum.readymag.com/u/CrispDesigns)
#### Post date: [April 12, 2023, 12:02pm UTC](https://forum.readymag.com/t/menu-fade-out-and-in-when-scrolling/1485/1 "2023-04-12T12:02:57Z")

</div>

Hello! I am trying to make the menu fade out when scrolling down and fade in when scrolling up (like in the example website I attached). Is this possible without using code? Thank you!

[https://www.kevincraftdesign.com/](https://www.kevincraftdesign.com/)

---

<div class="post-metadata">

### Author: ![Hoang\_Ng\_c\_Hung](https://avatars.discourse-cdn.com/v4/letter/h/3d9bf3/32.png) [@Hoang\_Ng\_c\_Hung](https://forum.readymag.com/u/Hoang_Ng_c_Hung)
#### Post date: [November 6, 2024, 8:10am UTC](https://forum.readymag.com/t/menu-fade-out-and-in-when-scrolling/1485/2 "2024-11-06T08:10:21Z")

</div>

Hey I saw you did it with your website, can you give me some tutorial on how to do this? Thank you!